语义UI React更改样式占位符文本CSS

Question

我在React应用程序中使用语义UI下拉菜单来创建下拉菜单，就像他们文档中的下拉菜单一样：https://react.semantic-ui.com/modules/dropdown/#types-选择

默认文本被设置为"；选择朋友"；，默认情况下，文本是半透明的。我正试图弄清楚如何修改这个组件的样式，使默认文本不再透明。

Answer 1

首先，我想知道默认文本不是半透明的。

semantic.min.css中的默认文本有一个CSS属性，如下所示。

.ui.default.dropdown:not(.button)>.text, .ui.dropdown:not(.button)>.default.text {
color: rgba(191,191,191,.87);
}

您可以通过在自定义CSS文件中应用以下代码来覆盖此CSS属性。

.ui.default.dropdown:not(.button)>.text, .ui.dropdown:not(.button)>.default.text {
color: rgba(0,0,0,.87) !important;
}