更改選擇html中的顏色文本

Question

我有一個國家選擇的下拉菜單。屏幕上的顏色需要是白色的，但現在下拉選擇也是白色，白色背景。有沒有辦法改變它？

CSS：

.styled-select select { 
    background: url('images/dob-field-bg2.png') no-repeat; 
    outline: none; 
    width: 250px; 
    padding: 5px; 
    font: 20px bold helvetica, arial, sans-serif; 
    color: #fff; 
    border: 0; 
    border-radius: 0; 
    height: 50px; 
    -webkit-appearance: none; 
} 

HTML：

<div class="styled-select"> 
    <select name="Country"> 
     <option value="" selected="selected">Select Country</option> 
     <option value="United States">United States</option> 
     <option value="United Kingdom">United Kingdom</option> 
     <option value="Afghanistan">Afghanistan</option> 
     <option value="Albania">Albania</option> 
     <option value="Algeria">Algeria</option> 
     <option value="American Samoa">American Samoa</option> 
     <option value="Andorra">Andorra</option> 
    </select> 
</div> 

Answer 1

嘗試添加這樣的：DEMO

CSS：

select option{ 
    color:#333; 
} 

您可以添加背景顏色選擇這樣的：DEMO

CSS背景色爲下拉：

select option { 
    color:#333; 
    background-color:yellow; 
} 

Answer 2

只要改變color: #fff到color: #000