ck editor 4修改边框颜色、半径和粗细的方法

Question

我的网页上有一个 CK 编辑器，我想更改边框的颜色、粗细和半径（如图所示）。我尝试查找文档但找不到解决方案。我更改了 config.js 中的其他设置，例如 uiColor 和高度。如何更改边框属性？像这样：

border: 1px solid #80BDFF;
border-radius: 4px;

Sample image

我在 ckeditor/styles.js 文件中找到了这个，但这也不起作用。

styles: {
        padding: '5px 10px',
        background: '#eee',
        border: '1px solid #ccc'
    }

Answer 1

Just paste below CSS in your styles.css i tested this on online editor here

外箱

.cke_chrome {
    border-radius: 8px;
}

header 栏

.cke_top {
    border-radius: 8px 8px 0 0;
}

底栏

.cke_bottom {
    border-radius: 0 0 8px 8px;
}

Answer 2

这是 CK Editor class 样式 的样式。您可以使用自定义样式进行设置。如果您需要任何特定的部分更改，您可以添加评论。将此 css 添加到您的自定义 css 文件中。

注意：假设您没有得到任何结果使用!important。在 CSS

.cke_chrome{
    border-radius: 10px;
    border: 1px solid #695656;
    border-width: thin;        
}

.cke_top{
    border-radius: 10px 10px 0px 0px
}

.cke_bottom{
    border-radius: 0px 0px 10px 10px
}

ck editor 4修改边框颜色、半径和粗细的方法

How to change the border color, radius and thickness of ck editor 4

css

border

ckeditor

ckeditor4.x