我试过改变背景颜色 剑道分割 Pane 。然而,即使我向它添加样式标签,它似乎也不适用于其内部元素。
那么为剑道分隔面板自定义颜色的合适方法是什么?
最佳答案
您需要在 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 {}
关于css - kendo ui Angular 拆分面板更改背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55892781/