選擇是因爲Chrome中的線性漸變而不可見

Question

我有一個選擇框，我使用線性漸變作爲背景。在Firefox中一切正常，但在Chrome瀏覽器中，我必須懸停才能看到選項，因爲文本是白色，背景也是白色。查看圖像波紋管：

我想去除的線性漸變，因爲我不能使用jQuery JavaScript或PHP是OK。有人知道解決這個問題的最好方法嗎？

這是codepen的幫助。

select { 
 
    color: #fff; 
 
    background-color: #12964f; 
 
    background: linear-gradient(#4eba71, #12964f); 
 
}

<select name="" id=""> 
 
    <option value="">first value</option> 
 
    <option value="">second value</option> 
 
    <option value="">third value</option> 
 
</select>

Answer 1

select { 
 
    color: #fff; 
 
    background-color: #12964f; 
 
    background: linear-gradient(#4eba71, #12964f); 
 
} 
 

 
select option { 
 
    color: #000; 
 
}

<select name="" id=""> 
 
    <option value="">first value</option> 
 
    <option value="">second value</option> 
 
    <option value="">third value</option> 
 
</select>

您可以添加color:#000的選擇，這不會影響選擇的選項。

http://codepen.io/anon/pen/GWBOqx