javascript - React Quill 包的自定义样式

Question

是否可以在 React js 上添加这样的自定义样式:

const style = {
"& .ql-snow .ql-stroke": { stroke: "white" },
};
<ReactQuill
    theme="snow"
    value={contentText}
    onChange={setContentText}
    modules={modules}
    style={style} />

我需要访问 .ql-snow .ql-中风 类并添加笔划键。 我试图以不同的方式解决它，但没有结果，如 CSS 或输入 DOM，如下所示:

const qlstroke = document.getElementsByClassName(".ql-stroke");
//Here goes the function to change the stroke key, but I don't know how

Answer 1

是的，你可以
我对顺风做了同样的事情

example code Image

output image

Overall code

您可以通过默认的snow.css文件覆盖CSS来自定义更多内容(控制+单击snow.css文件以了解更多信息)