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

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

您无法实现的目标。你可以使用＆＃34; Chosen＆＃34;然而，插件：http://harvesthq.github.io/chosen/，它为您提供CSS设计控制。