jquery - 谷歌翻译选择悬停和颜色文本更改

Question

在 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;
            }

Answer 1

你想要完成的是不可能的。但是，您可以使用类似“Chosen”插件的插件:http://harvesthq.github.io/chosen/ ，这使您可以使用 CSS 进行设计控制。