使用 Quill 时更改工具栏按钮的颜色？

Question

Current toolbar

我在上面链接了工具栏当前外观的图像。我正在尝试将按钮的颜色和下拉菜单中的文本设为白色。

var toolbarOptions = [
        [{ 'header': [1, 2, 3, false] }],
        ['bold', 'italic', 'underline', 'strike'],
        ['blockquote'],
        [{ 'align': ['', 'center', 'justify'] }],
        [{ 'list': 'ordered'}, { 'list': 'bullet' }],
        [{ 'script': 'sub'}, { 'script': 'super' }]                  
    ];

    var quill = new Quill('#editor', {
        modules: { toolbar: toolbarOptions },
        theme: 'snow'
    });

Answer 1

也许按钮和下拉样式可以用 js 自定义，但在文档中找不到。但是，css 仍然是一个选项 - 如果适合您：

.ql-toolbar .ql-stroke {
    fill: none;
    stroke: #fff;
}

.ql-toolbar .ql-fill {
    fill: #fff;
    stroke: none;
}

.ql-toolbar .ql-picker {
    color: #fff;
}

使用 Quill 时更改工具栏按钮的颜色？

Change the colour of the buttons of the toolbar when using Quill?

javascript

css

quill