Изменение цвета фона панели инструментов и цвета текста в редакторе tinymce

Я использовал этот код в своем вызове инициализации для tinymce, чтобы указать на мой основной файл css:

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

Это хорошо работает, и в этом CSS я использую это, чтобы изменить цвет фона тела моего редактора:

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

Теперь я хочу добавить к этому соответствующие переопределения CSS для цвета панели инструментов - цвет кнопки и цвет текста в соответствии с:

текущий редактор

Пожалуйста помоги! Я искал далеко и широко безрезультатно.


person RenegadeAndy    schedule 08.07.2014    source источник
comment
Вы просто ищете правильные селекторы CSS, чтобы иметь возможность изменять различные элементы? Вы должны иметь возможность использовать любой инспектор веб-браузеров, чтобы увидеть, что   -  person Jnatalzia    schedule 09.07.2014
comment
Ага! Я пытался, но на самом деле не могу их найти... Класс выглядит следующим образом: mce-container-body mce-flow-layout, однако это то же самое, что и мой CSS, который я уже изменил - добавление mce-flow-layout ничего не меняет   -  person RenegadeAndy    schedule 09.07.2014


Ответы (1)


person    schedule
comment
На самом деле это по-прежнему не меняет цвет панели инструментов... он остается тем же исходным цветом... даже после изменения записи цвета фона в mce-toolbar-grp - person RenegadeAndy; 09.07.2014
comment
вам также нужно удалить фоновое изображение, потому что по умолчанию оно использует фоновое изображение, а не фоновый цвет... поэтому я использовал background-image: none; выше - person Oliboy50; 09.07.2014
comment
Если я использую именно то, что у вас есть - с другим цветом background-color - это не меняет его. - person RenegadeAndy; 09.07.2014