複選框圖標樣式問題材料用戶界面

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

這應該工作