温馨提示:本文翻译自stackoverflow.com,查看原文请点击:css - How to change the border color, radius and thickness of ck editor 4
ckeditor css border ckeditor4.x

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

发布于 2020-03-27 15:42:28

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

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

样本图片

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

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

查看更多

查看更多

提问者
Deo
被浏览
19
Hiren 2020-01-31 20:15

这是CK Editor类样式的样式您可以设置自定义样式。如果您需要任何特定的部分更改,可以添加评论。在您的自定义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
}