材料设计：如何更改平面按钮的文字颜色？

-2

我正在处理流星，对跨平台应用程序和使用材料设计做出反应。我想改变一个FlatButton的文字颜色，但我不能这样做。我想让按钮的颜色匹配＃262D37的背景颜色，并且按钮的文本颜色是白色。我可以enter image description here轻松地更改背景颜色，但不是文本颜色。请参阅截图以供参考。如果不使用平面按钮，我该如何解决这个问题？材料设计：如何更改平面按钮的文字颜色？

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

来源

2017-06-21 Rachit

所有这一切都已经清楚地在材料中提及的设计文档 –

有一个属性的FlatButtonlabelStyle，用它来设置文本的color。

作为每DOC：

labelStyl：对象{} --->重写直列样式按钮的标签元件。

像这样：

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

来源

2017-06-21 07:09:21

材料设计：如何更改平面按钮的文字颜色？

回答

相关问题