在 jQuery 或 CSS 中:
我正在使用谷歌翻译并试图让悬停在选择下拉菜单上工作。我很接近,但没有我需要的东西。当我将鼠标悬停在选择顶部时,我希望选择语言的颜色为#18BA9B,而不是突出显示选择按钮周围的蓝色,只有文本和箭头应该是颜色#18BA9B。然后,当选择下拉菜单时,所有语言的颜色仍应为#687074;除了悬停时它应该是白色的,突出显示颜色#18BA9B。
有人能告诉我如何解决这个问题吗?不幸的是,它将整个下拉列表突出显示为蓝绿色。
http://jsfiddle.net/bobrierton/013v4p0t/1/
.goog-logo-link {
display:none !important;
}
.goog-te-gadget{
color: transparent !important;
}
SELECT.goog-te-combo{
color: #687074;
text-transform: uppercase;
}
SELECT.goog-te-combo:hover{
color:#18BA9B;
}
.goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active {
color:#18BA9B;
}
我也试过:
SELECT.goog-te-combo > option:hover{
background-color:#18BA9B;
color:white;
}
最佳答案
你想要完成的是不可能的。但是,您可以使用类似“Chosen”插件的插件:http://harvesthq.github.io/chosen/ ,这使您可以使用 CSS 进行设计控制。
关于jquery - 谷歌翻译选择悬停和颜色文本更改,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34161503/