使用羽毛笔时更改工具栏按钮的颜色吗？

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;
}