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

Question

剑道编辑器在页面上呈现，如下所示：

<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-inlinediv，里面什么都没有。

Answer 1

问题可能来自这篇文章，其中发布了这个解决方案：

当你设置ng的子组件的样式时，你可以尝试将/deep/||>>> || ：：ng-deep 属性添加到你的 css 中，如下所示：

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

让我知道这是否对您有帮助，这是该:)的文档