Reactjs 如何设置语义UI禁用按钮的样式

将“禁用”应用于

时，原始按钮颜色似乎会自动变灰。我想彻底改变颜色

当前按钮：

<Button disabled>{example}</Button>

希望能够为某个地方的残疾人应用新的背景色

根据我的经验，这里有一个很好的方法，你可以重新设计这样的按钮 （请按照此处的指南操作：如果尚未设置主题，请先执行！！）

转到并编辑

某些位置/语义ui/site/elements/button.overrides

，为禁用属性的

添加一个类，如

.ui.ground.disabled.button

这将导致如下结果：
顺便说一句，我在浏览器中查看了上面的类名：

我希望这是清楚的！如果您有任何问题，请告诉我：）
PS：抱歉，没有足够的代表嵌入图像

---

编辑：忘记提到，在上面的CSS示例中，

@gold

和

@black

是我添加到

语义ui/site/globals/site中的自定义颜色。变量

我找到了一种更简单的方法。我正在使用语义UI React-不确定这是否重要

我有一个用于按钮的css类：

.main-app .landing-page .quick-search {
  background-color: #41B3A3;
  color: rgba(255,255,255,0.9);
}

我添加了一个这样的函数，它可以响应

disabled

属性

.main-app .landing-page .quick-search:disabled {
  background-color: #f5f7f6;
  color: rgba(56, 143, 89, 0.9);
}

---

所以我对此做了更多的研究，

：disabled

是一个伪类，它响应元素状态，并不像我第一次假设的那样直接获取传递给jsx中元素的属性

disabled

属性。以下是一些信息：

.main-app .landing-page .quick-search:disabled {
  background-color: #f5f7f6;
  color: rgba(56, 143, 89, 0.9);
}