Semantic ui react 带有搜索道具的语义反应下拉列表阻止样式设置

Semantic ui react 带有搜索道具的语义反应下拉列表阻止样式设置,semantic-ui-react,Semantic Ui React,我正在用 .myclass .ui.dropdown { color:transparent!important; } 正如预期的那样,这会隐藏插入符号,但在我将道具“搜索”发送到下拉组件时不会 有人面对过这个问题吗 我已经尝试过这些选择 .myclass .ui.dropdown.search .myclass .ui.search.dropdown .myclass .ui.search 我还需要以这种方式更改它,而不是使用icon=null,因为我希望在悬停时显示插入符号 .

我正在用

.myclass .ui.dropdown {
    color:transparent!important;
}

正如预期的那样,这会隐藏插入符号,但在我将道具“搜索”发送到下拉组件时不会

有人面对过这个问题吗

我已经尝试过这些选择

.myclass .ui.dropdown.search
.myclass .ui.search.dropdown
.myclass .ui.search
我还需要以这种方式更改它,而不是使用icon=null,因为我希望在悬停时显示插入符号

.myclass .ui.dropdown:hover {
    color: white!important;
}

提前谢谢。

回答我自己的问题,我不应该这么快就放弃。将帖子留给其他人:

解决方案:

.myclass .ui.dropdown i {
    color:transparent!important;
}
.myclass .ui.dropdown:hover i {
    color:white!important;
}
虽然这并不能解释为什么搜索道具会改变事情,但它是有效的