ckeditor - 如何从内联 CKEditor 的可编辑区域中删除边框？

Question

我在我的页面上使用内联 CKEditor(所以它只有工具栏和可编辑行)。在 Chrome 中，这条可编辑的线有一个蓝色边框。在 Firefox 中，它没有边框(您只会看到闪烁的光标和 CKEditor 的工具栏)。

我想在 Chrome 和 Firefox 中为该可编辑行设置相同的边框。我试过了

CKEDITOR.addCss(".cke_editable{border-color: #FF0000;}");

但它并没有取代那个蓝色边框 - 只是在其中添加了另一个边框(更准确地说它们是部分重叠的)。

Answer 1

CKEDITOR.addCss用于内部目的，例如插件开发。此外，您遇到的蓝色边框不是 border 而是 outline。使用以下规则扩展您的 contents.css(或直接在该页面上指定它)，它应该没问题:

div[contenteditable] {
    outline: 1px solid blue;
}

JSFiddle .