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

Posted 2023-02-25

【中文标题】更改语义 UI 按钮组件中的文本颜色

【英文标题】：Change text color in Semantic UI button Component

【发布时间】：2020-07-07 08:45:59

【问题描述】：

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

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

【参考方案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>