内联Kendo UI Editor 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>

我希望能够设置某些内联文本的样式，但是我的样式都不想应用，并且在使用开发人员工具进行检查时，它们根本没有出现，因此似乎没有被覆盖。

以下是对应的样式：

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

顺便说一句，我的样式在.k-editor-inline div上起作用，里面没有任何东西。

Answer 1

问题可能来自发布了该解决方案的this帖子：

在为ng的子组件设置样式时，可以尝试添加/ deep / ||。 >>> ||将:: ng-deep属性分配给您的CSS，如下所示：

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

让我知道是否对您有帮助，here是该文档：）