更改材质 ui 复选框的边框颜色

Posted 2023-02-19

【中文标题】更改材质 ui 复选框的边框颜色

【英文标题】：Change border color of material ui checkbox

【发布时间】：2022-01-12 04:48:08

【问题描述】：

这是我选中时的复选框：

这是我未选中时的复选框：

所有与复选框样式有关的帖子都与填充颜色、检查颜色等有关。我一定在这里遗漏了一些明显的东西——只是试图让边框变暗！

我的代码：

<Grid item xs=12>
  <FormControlLabel control=<Checkbox onChange=(event) => 
    console.log(event.target.checked)
    setValue('isParty', false)
   /> label="Party" />
</Grid>

【参考方案1】：

粉色是边框的颜色

     <Checkbox 
                 sx=
                      color: "pink",
                      '&.Mui-checked': 
                      color: "red",
                       ,
                     
     />