我在我的项目中使用了MUI,我在div中有一个Checkbox,背景是黑色的.但它看起来不太好,因为Checkbox也是黑色的.如何将Checkbox的 colored颜色 从黑色更改为其他 colored颜色 ?

推荐答案

您需要使用iconStyle,但由于复选框图标是SVG图像,因此需要使用fill而不是color设置 colored颜色 :

https://jsfiddle.net/27Lmaz48/1/

<Checkbox label='My checkbox' 
  labelStyle={{color: 'white'}}
  iconStyle={{fill: 'white'}}
/>

Reactjs相关问答推荐

从另一个组件更改组件中const的状态

面对动画警告:未指定`useNativeDriver`.这是必需的选项,并且必须在REACT本机中显式设置为`true`或`False`

FireBase未与Reaction应用程序连接

在Reaction中管理多个状态

如何在物料界面react 的多选菜单中设置最大 Select 数限制

ReactJS:唯一项目的数量总和

shadcn输入+窗体+Zod;一个部件正在改变要被控制的不受控制的输入;

有没有比;KeyableShell;组成部分

我可以同时使用 Gatsby 和 NEXT.JS 吗?

在一个事件处理程序中进行多次调度是个好主意吗?

在遵循 react-navigation 的官方文档时收到警告消息

在准备回调中使用状态属性(Redux 工具包)

调用 Statsig.updateUser 时 UI 不呈现

React Router 6.4CreateBrowserRouter子元素不显示

如何解决在 react.js 中找不到模块错误

为什么我在此代码段中看不到 useEffect for count = 1?

如何在自定义 JSX 元素上声明属性?

使用 React、Redux 和 Firebase 的无限循环

为什么 state redux-toolkit 是代理?

如何在组件文件夹内的react 组件文件中导入外部css文件?