我试图更改背景颜色剑道分裂器窗格。但是,即使我为其添加了样式标签,它似乎也不适用于其内部元素。
那么,自定义剑道拆分器窗格颜色的适当方法是什么?
您需要
在 kendo-splitter-pane
元素上应用background-color
,如下所示:
@Component({
selector: 'my-app',
template: `
<kendo-splitter style="height: 200px;">
<kendo-splitter-pane class="pane1">
<h3>Left pane</h3>
</kendo-splitter-pane>
<kendo-splitter-pane>
<h3>Center pane</h3>
</kendo-splitter-pane>
<kendo-splitter-pane [resizable]="false">
<h3>Right pane</h3>
</kendo-splitter-pane>
</kendo-splitter>
`,
styles: [ `
h3 {
font-size: 1.2em;
padding: 10px;
}
.pane1 {
background-color: red;
}
` ]
})
class AppComponent {}