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

我在React应用程序中使用语义UI下拉列表来创建下拉列表，如文档中的下拉列表：

---

默认文本设置为“选择朋友”，默认文本为半透明。我正在试图找出如何修改此组件的样式，使默认文本不再是透明的。

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

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;
}

---

非常感谢，这对我很有用！