在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;
}