我正在尝试以编程方式更改 Material-ui 芯片的颜色,但运气不佳。根据Chip Api,您必须通过 color 属性使用枚举中的三个值之一设置颜色;默认、主要和次要。然后您应该能够覆盖 colorPrimary 或 colorSecondary css 类,并且背景颜色应该改变。
这是我的代码示例:
<Chip key={label.id} color='primary' classes={{ colorPrimary: label.color }} label={label.label} />
Run Code Online (Sandbox Code Playgroud)
以及浏览器中元素的图片: https: //i.imgur.com/bWYGzzz.png 还不能内联 :(
如果您查看所选元素,您将看到我尝试应用的正确颜色 #ff0000,因此它正在获取颜色并将其放在某处。
我已经尝试过这种变体,添加了 colorBackground 属性,但是我收到一条错误消息,指出 colorPrimary 类需要一个字符串而不是一个对象
<Chip key={label.id} color='primary' classes={{ colorPrimary: { backgroundColor: label.color } }} label={label.label} />
Run Code Online (Sandbox Code Playgroud)
再次重申我的目标:我想对芯片应用十六进制代码颜色以更改背景颜色。
任何信息都有帮助谢谢!