Material UI 1.0 beta，带有白色文本的强调色凸起按钮

Question

我正在使用新的Material-ui 1.0，我希望所有凸起的按钮都是我的应用程序的强调颜色（＃00c853），按钮上的文字应该是白色的。

<Button raised color="accent">Button</Button>

该按钮现在为绿色，但文字为黑色，我无法将文字颜色设为白色。

我该怎么做？

Answer 1

按钮的文本颜色由材质UI 自动确定，具体取决于定义的调色板。但是，您可以使用global style override为按钮设置新的文本颜色：

import { MuiThemeProvider, createMuiTheme } from 'material-ui/styles';

const theme = createMuiTheme({
  overrides: {
    MuiButton: {
      raisedAccent: {
        color: 'white !important'
      }
    }
  }
});

ReactDOM.render(
  <MuiThemeProvider theme={theme}>
    <YourApp/>
  </MuiThemeProvider>,
  document.querySelector('#app')
);