如何更改平板按钮的文字颜色？

Question

我正在研究meteor，为跨平台应用做出反应并使用材料设计。

我想更改FlatButton的文本颜色。

我想让按钮的颜色与＃262d37的背景颜色相匹配，按钮的颜色与白色的颜色相匹配。

我可以更改背景颜色，但不能更改文字颜色。

如果不使用Flat Button，我该如何解决？

< FlatButton backgroundColor="white" label="中" onClick={()=> this.changeToZh()}}/>      

Answer 1

FlatButton有labelStyle个属性，用于设置文本的color。

根据DOC：

  

labelStyl：object {} ---＆gt;覆盖按钮的标签的内嵌样式   元件。

像这样：

<FlatButton 
     label="中"  
     labelStyle={{color: 'red'}}            //here
     backgroundColor="white"
     onClick={()=> this.changeToZh()}}
/>