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

Question

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

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

Answer 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>