更改 CKEditor 按钮颜色

【问题标题】：Change CKEditor buttons color更改 CKEditor 按钮颜色
【发布时间】：2016-05-30 16:28:26
【问题描述】：

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

我正在将 CKEditor 与 Vaadin 一起使用。

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：