材質UI 1.0測試版，重音顏色凸起按鈕與白色文本

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') 
);