Как изменить цвет границы, радиус и толщину ck editor 4

Question

На моей веб-странице есть редактор CK, для которого я хочу изменить цвет, толщину и радиус границы (как на картинке). Я попытался найти документацию, но не смог найти решение. Я изменил другие настройки в конфиге. js, такие как uiColor и высота. Как я могу изменить свойства границы? Примерно так:

border: 1px solid #80BDFF;
border-radius: 4px;

Пример изображения

Я нашел это в файле ckeditor / styles. js, но это тоже не работает.

styles: {
        padding: '5px 10px',
        background: '#eee',
        border: '1px solid #ccc'
    }

Answer 1

Вот стиль для Стиль класса CK Editor . Вы можете установить с вашим собственным стилем. если вам нужно какое-то конкретное изменение раздела, вы можете добавить комментарий. добавьте этот css в ваш пользовательский файл css.

Примечание. Предположим, вы не получили никакого результата. Используйте ! Важный . IN CSS

.cke_chrome{
    border-radius: 10px;
    border: 1px solid #695656;
    border-width: thin;        
}

.cke_top{
    border-radius: 10px 10px 0px 0px
}

.cke_bottom{
    border-radius: 0px 0px 10px 10px
}

Answer 2

Просто вставьте ниже CSS в ваших стилях. css Я протестировал это в онлайн-редакторе здесь

для внешнего поля

.cke_chrome {
    border-radius: 8px;
}

для заголовка

.cke_top {
    border-radius: 8px 8px 0 0;
}

для нижнего бара

.cke_bottom {
    border-radius: 0 0 8px 8px;
}