Kendo 编辑器呈现在页面上看起来像这样:
<div _ngcontent-c9 class="k-widget k-editor k-editor-inline" data-role="editor" contenteditable="true">
<p class="test-class">Hello World</p>
</div>
我希望能够设置一些内联文本的样式,但我的样式都不想应用,而且在使用开发人员工具进行检查后,它们根本没有出现,因此它们似乎没有被覆盖。
对应的样式如下:
.k-editor-inline .test-class{
outline: 1px solid red!important;
}
顺便说一句,我的样式适用于 .k-editor-inline div,里面什么也没有。
最佳答案
问题可能出自this发布,发布此解决方案的位置:
当你为 ng 的子组件设置样式时,你可以尝试添加/deep/|| >>> ||::ng-deep 属性添加到你的 css 中:
.k-editor-inline /deep/ p {
outline: 1px solid red;
}
如果这对您有帮助,请告诉我,here是那个的文档:)
关于css - 内联 Kendo UI 编辑器 div 中的样式元素不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51755264/