搜索道具的语义反应下拉可以防止样式

Question

我正在改变下拉菜单的颜色

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

这会像预期的那样隐藏插入符号，但是当我将支持'搜索'发送到Dropdown组件时。

谁有人面对这个？

我尝试过这些替代方案

.myclass .ui.dropdown.search
.myclass .ui.search.dropdown
.myclass .ui.search

我还需要以这种方式更改它，而不是使用icon = null，因为我想在悬停时显示插入符号

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

提前致谢。

Answer 1

回答我自己的问题，不应该这么快就放弃。为其他人留下帖子：

解：

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

虽然这并不能解释为什么搜索道具会改变事物，但它确实有效。