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