Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/clojure/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用羽毛笔时是否更改工具栏按钮的颜色?_Javascript_Css_Quill - Fatal编程技术网

Javascript 使用羽毛笔时是否更改工具栏按钮的颜色?

Javascript 使用羽毛笔时是否更改工具栏按钮的颜色?,javascript,css,quill,Javascript,Css,Quill,上面我链接了工具栏当前外观的图像。我试图使按钮的颜色和下拉列表中的文本为白色 var toolbarOptions = [ [{ 'header': [1, 2, 3, false] }], ['bold', 'italic', 'underline', 'strike'], ['blockquote'], [{ 'align': ['', 'center', 'justify'] }], [{ 'list': 'o

上面我链接了工具栏当前外观的图像。我试图使按钮的颜色和下拉列表中的文本为白色

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

也许按钮和下拉列表样式可以用js自定义,但在文档中找不到。但是,css仍然是一个选项-如果对您有效:

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

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

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

我已经尝试在CSS文件中实现了这一点,但仍然不起作用。请尝试将其添加到所有CSS的末尾,甚至添加到单独的
元素中,以测试这些样式是否被覆盖。仅出于测试目的,请尝试添加
!重要信息
在所有值之后,如果有任何进展,请告诉我。我昨天测试了这些样式,它对我很有效。是的,它在使用时确实有效!毕竟重要的是价值观。非常感谢。很高兴我能帮助你,我的朋友,是英雄!谢谢