javascript - 是否可以在 material-ui 的 Chip 组件上设置删除按钮的样式？

Question

样式芯片标签或背景颜色或芯片本身没有问题。但似乎芯片内的删除圆形按钮是一个 svg 图标。有什么办法可以改变它的颜色吗？

Answer 1

是的，您可以通过覆盖 Chip 的默认主题颜色来做到这一点:

import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import getMuiTheme from 'material-ui/styles/getMuiTheme';    

<MuiThemeProvider muiTheme={getMuiTheme({ chip: { deleteIconColor: 'red' } })}>
// ...