我在React应用程序中使用语义UI下拉菜单来创建下拉菜单,如其文档中的此处所示:https : //react.semantic-ui.com/modules/dropdown/#types-selection
默认文本设置为“选择朋友”,默认情况下该文本为半透明。我试图弄清楚如何修改此组件的样式,以使默认文本不再透明。
我希望你一切都好。
首先,我想知道默认文本不是半透明的。
它们是该默认文本的CSS属性,semantic.min.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;
}
我希望这个答案将有助于解决您现在面临的问题。
谢谢...
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句