材料设计:如何更改平面按钮的文字颜色?
问题描述:
我正在处理流星,对跨平台应用程序和使用材料设计做出反应。我想改变一个FlatButton的文字颜色,但我不能这样做。我想让按钮的颜色匹配#262D37的背景颜色,并且按钮的文本颜色是白色。我可以enter image description here轻松地更改背景颜色,但不是文本颜色。请参阅截图以供参考。如果不使用平面按钮,我该如何解决这个问题?材料设计:如何更改平面按钮的文字颜色?
< FlatButton backgroundColor="white" label="中" onClick={()=> this.changeToZh()}}/>
答
有一个属性的FlatButton
labelStyle,用它来设置文本的color
。
作为每DOC:
labelStyl:对象{} --->重写直列样式按钮的标签 元件。
像这样:
<FlatButton
label="中"
labelStyle={{color: 'red'}} //here
backgroundColor="white"
onClick={()=> this.changeToZh()}}
/>
所有这一切都已经清楚地在材料中提及的设计文档 –