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

米格尔·卡尔多纳·波罗

当前工具栏

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在单击按钮时更改工具栏颜色?

2sxc - 更改工具栏按钮颜色

如何使用xul更改在firefox中添加的javascript中工具栏按钮的背景颜色

当折叠的工具栏折叠时,如何更改其颜色?

如何在Android中更改折叠工具栏的文本颜色和折叠工具栏的后退按钮颜色

使用工具栏按钮更改UIPickerView值

更改工具栏的后退箭头颜色

更改工具栏中的标题颜色?

如何更改工具栏控件的颜色?

无法更改工具栏的颜色

如何更改SFSafariViewController工具栏颜色

更改工具栏OnsenUi的颜色

如何使用ngx-quill在angular 7的quill.js工具栏中添加图像按钮?

如何使用android kotlin根据第二次登录后选择的单选按钮更改工具栏颜色

使用navhost时无法更改工具栏的后退图标

如何更改Kendo Grid工具栏“下载到Excel”按钮的颜色?

如何在Android中更改工具栏后退按钮的颜色?

Kivymd:通过按下按钮更改工具栏背景颜色

如何在新工具栏中更改标题文本和按钮颜色而不更改操作溢出菜单文本颜色?

复制文本时如何更改文本选择工具栏的颜色?

身体倾斜时,通过反应更改工具栏背景颜色

如何在工具栏中显示按钮的原始颜色

如何使用CSS在Ionic 4中更改工具栏颜色

使用撤消和重做命令更改RichTextBox工具栏颜色

在工具栏中更改标题的颜色和大小-Android

更改工具栏背景会产生Lavendar颜色

如何更改工具栏中 SearchView 的文本颜色?

在SearchView上更改工具栏的颜色/样式,请点击

更改键盘工具栏Objective-C的标题颜色