Question

我正在尝试自定义复选框图标颜色以及选中的颜色，但我很难这样做。

好像iconStyle在这里不起作用？复选框仍然是黑框颜色和蓝色选中。

http://www.webpackbin.com/EkQIozSFf

如何自定义图标的方框颜色和选中颜色？

Answer 1

import { Checkbox } from 'material-ui';
import UnCheckedIcon from 'material-ui/svg-icons/toggle/check-box-outline-blank';
import CheckedIcon from 'material-ui/svg-icons/toggle/check-box'

export default class HelloWorld extends React.Component {
  constructor(props) {
  super(props);
}

render() {

return (
  <Checkbox 
    uncheckedIcon={<UnCheckedIcon style={{fill: "#ff0000"}} />}
    checkedIcon={<CheckedIcon style={{fill: "#ff0000"}} />}
    label="Checkbox Label"/>
)}}

这应该有效

复选框图标样式问题材料ui

1 个答案: