React rte富文本编辑器更改按钮颜色

Question

我很难更改工具栏按钮的背景色。请参考图片链接。目前，这些按钮都是浅灰色的。

图像链接

图像链接

我的代码

 <div className="input-field">
                            <label id="together" className="borderline">Create Post</label>
                            <RichTextEditor
                                className="text-editor"
                                editorClassName="class-editor"
                                toolbarClassName= "tool-editor"
                                
                                toolbarConfig={toolbarConfig}
                                value={this.state.content}
                                onChange={this.onChange}
                            />
                        </div>

My CSS

.text-editor:focus-within{ 

  box-shadow: 0 0px 0 0 orange !important;
  border: 2px solid orange !important;


}


div.input-field:focus-within .tool-editor{

  color: orange !important;
}

我做了什么，

我为className，editorClassName & toolbarClassName玩过css。但他们似乎没有改变它的背景色。

Answer 1

尝试将样式应用于此类。

.MuiIconButton-root

它将在编辑器的按钮上应用您的样式。