复选框图标样式问题 material ui

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"/>
)}}

这应该有效

复选框图标样式问题 material ui

Checkbox icon style issue material ui

material-ui