Css 无法为复选框指定边框颜色

Css 无法为复选框指定边框颜色,css,reactjs,material-ui,Css,Reactjs,Material Ui,嗨,我的目标是在选中复选框时将其颜色更改为白色,背景颜色为黑色,我可以更改复选框的颜色,但我看不到复选框和勾号。我尝试为复选框添加边框,但没有得到预期的结果 <Checkbox checked={this.state.checkedF} onChange={this.handleChange} classes={{checked: "checked-display"}} /> 有人能帮我解答这个问

嗨,我的目标是在选中复选框时将其颜色更改为白色,背景颜色为黑色,我可以更改复选框的颜色,但我看不到复选框和勾号。我尝试为复选框添加边框,但没有得到预期的结果


<Checkbox
          checked={this.state.checkedF}
          onChange={this.handleChange}
          classes={{checked: "checked-display"}}
  />

有人能帮我解答这个问题吗?因此,我可以在复选框周围得到一个黑色的勾号和黑色边框

HTML复选框不能很容易地设置样式,但是这个网站上有一些解决方法和现有的答案来解释这些。看看ak评论的小提琴吼叫,这是否是你的期望@Sanjana,你能检查一下吗?我在这里使用了
with style
。@Sanjana,希望这对你有帮助。。
.checked-display{
color: white
}