如何在 "on" 时更改工具栏按钮的背景，如重做/撤消（tinymce）

Question

我看过类似的问题here。

根据那里的答案，我现在有了这个 CSS:

/* toolbar */
.mce-toolbar-grp {
    background-color: grey !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;*/
    color: #000 !important;
}

/* button background color */
.mce-btn button {
    background-color: #fff;
}       

/* button background color (hover) */
.mce-btn button:hover {
    background-color: lawngreen;
}

一切正常，但是当按钮打开时没有任何指示：

撤消/重做按钮更改背景，使其清晰可见。我如何为其他按钮执行此操作？

示例：

https://www.publictalksoftware.co.uk/forums/forum/meeting-schedule-assistant/assignments-editor/

谢谢。

Answer 1

已排序。我基本上需要具有相同颜色的工具栏和按钮，以便显示矩形：

/* toolbar */
.mce-toolbar-grp {
    background-color: #fff !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: #000 !important;
}

/* button background color */
.mce-btn button {
    background-color: #fff;
}           

/* button background color (hover) */
.mce-btn button:hover {
    background-color: darkgray;
}

如何在 "on" 时更改工具栏按钮的背景，如重做/撤消（tinymce）

How to change background of toolbar button when it is "on", like the redo / undo (tinymce)

css

tinymce