Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何更改ck editor 4的边框颜色、半径和厚度_Css_Ckeditor_Border_Ckeditor4.x - Fatal编程技术网

Css 如何更改ck editor 4的边框颜色、半径和厚度

Css 如何更改ck editor 4的边框颜色、半径和厚度,css,ckeditor,border,ckeditor4.x,Css,Ckeditor,Border,Ckeditor4.x,我有一个CK编辑器在我的网页上,我想改变颜色,厚度和边界半径(如图所示)。我试图查找文档,但找不到解决方案。我已经更改了config.js中的其他设置,如uiColor和height。如何更改边框属性?大概是这样的: border: 1px solid #80BDFF; border-radius: 4px; 我在ckeditor/styles.js文件中发现了这一点,但这也不起作用 styles: { padding: '5px 10px', backgro

我有一个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'
    }
只需在样式中的CSS下面粘贴即可。CSS我在在线编辑器上测试过这个

外箱

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

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

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

下面是CK编辑器类样式的样式。可以使用自定义样式进行设置。如果您需要任何特定的部分更改,您可以添加注释。在自定义css文件中添加此css

注意:假设您没有使用获得任何结果!重要信息。在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
}

欢迎来到SO!你试过他们在他们的文件中提到的吗?我使用的是他们的完整版本。它没有这些属性。然后可以使用CSSYour most welcome@Deo完成此操作,您可以将此问题标记为已接受,以便对面临相同问题的其他人有所帮助。