无法将边框颜色赋予复选框

嗨，我的目标是将复选框的颜色更改为白色，而将背景颜色更改为黑色，我可以更改复选框的颜色，但看不到复选框和刻度线。我尝试为复选框添加边框，但没有得到预期的结果。


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

.checked-display{
color: white
}

有人可以在此查询中为我提供帮助吗？这样我就可以得到一个黑色的勾以及复选框周围的黑色边框