在tinymce编辑器中更改背景工具栏颜色和文本颜色 [英] Changing background toolbar colour and text colour in tinymce editor
本文介绍了在tinymce编辑器中更改背景工具栏颜色和文本颜色的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我已经在init调用中使用此代码来指向tinymce指向我的主要css文件:
I have used this code in my init call for tinymce to point at my main css file:
<script>
tinymce.init({
selector: 'textarea',
content_css:'default.css'
});
这很好用,并且在CSS中,我用它来更改编辑器主体的背景色:
This works well and within that CSS i use this to alter the background colour of the body of my editor :
.mce-content-body {
background: #474F52;
}
我现在想为此添加工具栏颜色的适当CSS替代-按钮颜色和文本颜色,如下所示:
I now want to add to this the appropriate CSS overrides for the toolbar colour - the button colour and the text colour as per:
请帮助!我搜索了无数内容.
Please help! I have searched far and wide to no avail.
推荐答案
/* toolbar */
.mce-toolbar-grp {
background-color: #000 !important; /* uses !important or override .mce-panel background-color/image */
background-image: none !important;
}
/* text color */
#tinymce {
color: #dd9900;
}
/* button text color */
.mce-ico {
color: #dd9900;
}
/* button background color */
.mce-btn button {
background-color: #000000;
}
这篇关于在tinymce编辑器中更改背景工具栏颜色和文本颜色的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文