ReactQuill - 如何设置占位符属性的样式？

Question

我想设置分配给占位符属性的文本的样式并使其字体变大。我如何使用 ReactQuill 做到这一点？

          <ReactQuill placeholder= "some fun text" onChange = {onContentChange} value={contentValue} theme="snow" style={{

            height:"300px",
            padding:"20px",
            lineHeight:"0px",

          }}/> 

Answer 1

您可以使用自定义 CSS 编辑编辑器的样式。将此添加到您的 index.css 文件中，或者如果您正在使用任何 CSS 框架，如 styled-components，请将此 CSS 写在那里。

.quill > .ql-container > .ql-editor.ql-blank::before{
    font-size: 20px;
    color: red;
}