内联 Kendo UI 编辑器 div 中的样式元素不起作用

Question

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>

我希望能够设置一些内联文本的样式，但是 none 我的样式想要应用，并且在使用开发人员工具检查后它们根本没有出现，所以它没有似乎它们被覆盖了。

对应的样式如下：

.k-editor-inline .test-class{
    outline: 1px solid red!important;
}

顺便说一句，我的样式适用于 .k-editor-inline div，只是其中没有内容。

Answer 1

问题可能来自 this post，此解决方案是 posted:

当你为 ng 的子组件设置样式时，你可以尝试添加 /deep/ || >>> || ::ng-deep 属性 到你的 css 像这样：

.k-editor-inline /deep/ p {
    outline: 1px solid red;
}

如果对您有帮助，请告诉我，here 是相关文档:)