css - 当工具栏按钮处于“打开”状态时如何更改其背景，例如重做/撤消(tinymce)

我已经看到类似的问题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/

谢谢。

最佳答案

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

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