自定义语义 - 反应（npm）

Question

如何自定义语义-ui-react的CSS？

我试图创建site / elements / button.override

并提供以下内容：

.ui.button {
  border: solid red; !important
  border-width: 2px; !important
}

但没有变化。

Answer 1

请你这样试试：

.ui.button {
    border: solid red !important;
    border-width: 2px !important;
}

和平

Answer 2

您可以创建自定义主题。

为此，您需要更改：

1）theme.config-用于按钮-输入主题名称而不是默认名称

2）在主题文件夹中-元素-创建button.variables

3）在此处输入您的输入

4）在语义文件夹中运行gulp命令