更改语义 UI 按钮组件中的文本颜色

【问题标题】：Change text color in Semantic UI button Component更改语义 UI 按钮组件中的文本颜色
【发布时间】：2020-07-07 08:45:59
【问题描述】：

我正在使用语义 UI 来设计一个具有动画的按钮组件。如何更改按钮内的自定义字体颜色？下面是我的按钮代码：

https://codesandbox.io/s/interesting-yonath-7qvwl?file=/index.js

【问题讨论】：

标签： reactjs button semantic-ui-react text-coloring

【解决方案1】：

你可以使用内联样式

<div>
    <Button color="google plus" animated="toggle">
      <Button.Content style={{color: '#f1f2f3'}} visible href="#" secondary>
        <Icon name="google plus" /> hi
      </Button.Content>
      <Button.Content style={{color: '#f1f2f3'}}  hidden href="#">
        Connect <Icon name="google plus" />
      </Button.Content>
    </Button>
</div>

【讨论】：