title: Google Translate Select Hover and Color Text Change
body: <p>In Either jQuery or CSS:</p>
  
  <p>I am using google translate and trying to get the hover to work on the select dropdown. I am close but do not have it how I need to have it. When I hover on top of the select I want select language to be color #18BA9B and not have the blue that highlights all around the select button just the text and the arrow should be color #18BA9B. Then when the drop down is selected all the languages should still be color #687074; except when hovered it should be white with the highlight color #18BA9B.</p>
  
  <p>Will someone please tell me how to fix this problem? Unfortunately it is highlighting the entire dropdown as teal.</p>
  
  <p><a href="http://jsfiddle.net/bobrierton/013v4p0t/1/" rel="nofollow">http://jsfiddle.net/bobrierton/013v4p0t/1/</a></p>
  
  <pre><code>.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;
  } 
  </code></pre>
  
  <p>I have also tried:</p>
  
  <pre><code>SELECT.goog-te-combo &gt; option:hover{
                  background-color:#18BA9B;
                  color:white;
              }
  </code></pre>