javascript - 在 tinymce 编辑器中更改背景工具栏颜色和文本颜色

Question

我在 tinymce 的初始化调用中使用了这段代码来指向我的主 css 文件:

<script>
            tinymce.init({
                selector: 'textarea',
                content_css:'default.css'
            });

这很好用，在那个 CSS 中我用它来改变我的编辑器正文的背景颜色:

.mce-content-body {
background: #474F52;
}

我现在想为工具栏颜色添加适当的 CSS 覆盖 - 按钮颜色和文本颜色如下:

求助!我进行了广泛的搜索，但无济于事。

Answer 1

/* 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;
}