自定义semantic-ui-react (npm)

Question

如何自定义semantic-ui-react的css？

我尝试创建站点/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)在您的主题文件夹- elements - create button.variables中

3)在这里写你的输入

4)在您的语义文件夹中运行gulp命令