更改 CKEditor 按钮颜色

Question

如何更改CKEditor按钮的背景颜色？例如，这个绿色按钮：

我正在使用 CKEditor 和 Vaadin。

Answer 1

您可以为正在使用的皮肤编辑 css 或在托管 ckeditor 的页面中简单地覆盖它。确定按钮样式为cke_dialog_ui_button_ok，取消按钮样式为cke_dialog_ui_button_cancel.

因此，要覆盖“确定”按钮的背景颜色并使其变为橙色（仅作为示例），请在您的页面中添加此样式定义：

<style>
    a.cke_dialog_ui_button_ok {
        background-image: linear-gradient(to bottom, #ffd800, #ff6a00) !important;
    }
</style>