css - kendo ui 角度拆分面板更改背景颜色
问题描述
我试图更改剑道拆分器窗格的背景颜色。但是,即使我向其添加样式标签,它似乎也不适用于其内部元素。
那么自定义剑道拆分器窗格颜色的适当方法是什么?
解决方案
您需要background-color
在kendo-splitter-pane
元素上应用 ,如下所示:
@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 {}
推荐阅读
- c# - 导航栏中的 Umbraco 活动项目不起作用
- fortran - 异步 MPI
- javascript - 如果 AJAX 错误,如何停止 jquery 自动完成微调器
- guice - RestEasy ExceptionMapper 无法映射在过滤器级别引发的异常
- c++ - 如何从单个链表头文件在 main 中创建对象
- android-camera2 - android camera 2 API,LENS_FOCUS_DISTANCE 总是显示空
- android - 无法检查确切的文本大小
- ruby - /usr/local/lib/site_ruby/2.5.0/rubygems/core_ext/kernel_require.rb的第[“54”行]上的LoadError:无法加载此类文件--susy
- r - KNN 预测返回的行数少于训练数据行数
- python - 使用 pandas 有效计算剩余使用寿命