语义 UI React 更改样式占位符文本 CSS
Semantic UI React change style placeholder text CSS
我在我的 React 应用程序中使用语义 UI 下拉菜单来创建下拉菜单,就像他们文档中的下拉菜单:https://react.semantic-ui.com/modules/dropdown/#types-selection
默认文本设置为“Select朋友”,默认文本为半透明。我想弄清楚如何修改这个组件的样式,使默认文本不再透明。
首先我想知道默认文本不是半透明的。
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;
}
我在我的 React 应用程序中使用语义 UI 下拉菜单来创建下拉菜单,就像他们文档中的下拉菜单:https://react.semantic-ui.com/modules/dropdown/#types-selection
默认文本设置为“Select朋友”,默认文本为半透明。我想弄清楚如何修改这个组件的样式,使默认文本不再透明。
首先我想知道默认文本不是半透明的。
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;
}