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的末尾,甚至添加到单独的
元素中,以测试这些样式是否被覆盖。仅出于测试目的,请尝试添加!重要信息
在所有值之后,如果有任何进展,请告诉我。我昨天测试了这些样式,它对我很有效。是的,它在使用时确实有效!毕竟重要的是价值观。非常感谢。很高兴我能帮助你,我的朋友,是英雄!谢谢