Как изменить фон кнопки панели инструментов, когда она «включена», например, redo / undo (tinymce)

Question

Я видел подобный вопрос здесь .

Основываясь на ответе, у меня теперь есть этот 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;
}