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

【问题标题】：Semantic UI React change style placeholder text CSS语义 UI React 更改样式占位符文本 CSS
【发布时间】：2021-01-08 07:09:44
【问题描述】：

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

默认文字设置为“选择好友”，默认文字为半透明。我正在尝试弄清楚如何修改此组件的样式，以使默认文本不再透明。

【问题讨论】：

【解决方案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;
}

【讨论】：