reactjs - 如何在语义 ui react 中更改背景颜色？

Question

关闭。这个问题需要details or clarity .它目前不接受答案。












想改善这个问题吗？通过 editing this post 添加详细信息并澄清问题.

3年前关闭。




Improve this question




我刚刚开始使用 react semantic ui 进行开发，我使用了 react.semantic-ui.com 上提供的主页布局，但我想更改顶部和页脚的深灰色，但我在语义 ui css 中找不到任何内容

Answer 1

它似乎来自文件 semantic-ui-css/semantic.min.css , semantic.css 的缩小副本:

.ui.inverted.segment,
.ui.primary.inverted.segment {
    background: #1B1C1D;
    color: rgba(255, 255, 255, 0.9);
}

这是从 segment.less 构建的:

.ui.inverted.segment,
.ui.primary.inverted.segment {
    background: @invertedBackground;
    color: @invertedTextColor;
}

至于如何将这些文件包含在您的项目中 - 似乎有几种方法:

Installing Semantic UI React provides the JavaScript for your components. You'll also need to include a stylesheet to provide the styling for your components.

来自他们的 Usage guide .只需搜索类似 semantic.min.css 的内容即可在你的 repo 中。