재질 - UI 확인란의 색을 지정하십시오.

Question

material-ui.com-framework을 사용할 때 활성 확인란의 배경색을 변경하려면 어떻게해야합니까? 스타일 속성은 체크 상자의 svg 색상에 영향을주지 않습니다.

  <Checkbox 
      label="Simple" 
     style={styles.checkbox} 
     /> 

Answer 1

는 docs에 따르면 당신이 테마를 사용하여이 방법으로 구성 요소 스타일을 지정할 수 있습니다.

미리 정의 된 테마를 사용하거나 custom theme을 만들 수 있습니다. 예를 들어 , 당신은만큼 간단 할 수 원하는 것을 달성 : 키와 기본 테마를 확장 할 렌더링 기능에 당신이 themeProvider를 사용할 수 있으며 사용자 정의 theme.This 전달, 다음

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

const myTheme = getMuiTheme({ 
    checkbox: { checkedColor: 'red' } 
}); 

하고 변경되었습니다.

render() { 
    return (
     <MuiThemeProvider theme={myTheme}> 
      <Checkbox /> 
     </MuiThemeProvider> 
    ); 
}