如何更改ck编辑器4的边框颜色，半径和厚度

Question

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

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

Sample image

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

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

Answer 1

只需在您的styles.css中粘贴CSS下方，我就在在线编辑器here上对此进行了测试>

用于外箱

.cke_chrome {
    border-radius: 8px;
}
用于标题栏

.cke_top {
    border-radius: 8px 8px 0 0;
}
用于底部栏

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