更改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>