將下拉文本的顏色更改爲黑色

-1

我在HTML中有一個背景，它看起來像圖片中的附件。的CSS代碼：將下拉文本的顏色更改爲黑色

.custom-dropdown{ 
-webkit-appearance: none; 
margin-left:190px; 
-moz-appearance: none; border: 0 !important; 
-webkit-border-radius: 5px; border-radius: 5px; font-size: 14px; 
padding: 10px; width: 35%; cursor: pointer; 
background-size: 40px 37px; 
display:none; 
/* 
color: #fff; 
background: #0d98e8 url('http://www.kevinfremon.com/wp-content/uploads/2013/11/drop-down-arrow.png') no-repeat right center; 
*/ 
background: #e2e2e2 url('http://www.kevinfremon.com/wp-content/uploads/2013/11/drop-down-arrow.png') no-repeat right center ; 
color: #fff; 

}

的HTML是：

<select id= "dropdownlist" class="custom-dropdown"> 
    <option>Custom Key</option> 
    <option>test</option> 
    </select>

現在我想使文本這些下拉列表中出現inblack的（「自定義鍵」）（不改變背景顏色因爲它與我的模板一起）。我該如何做到這一點？在.custom-dropdown類

來源

2015-12-02 fnaticRC ggwp

'color：＃000000'？ – Pete

http://stackoverflow.com/search?q=%5BCSS%5D+style+select – HerrSerker

更改顏色屬性從color:#fff到color:#000

.custom-dropdown { 
 
    -webkit-appearance: none; 
 
    margin-left: 190px; 
 
    -moz-appearance: none; 
 
    border: 0 !important; 
 
    -webkit-border-radius: 5px; 
 
    border-radius: 5px; 
 
    font-size: 14px; 
 
    padding: 10px; 
 
    width: 35%; 
 
    cursor: pointer; 
 
    background-size: 40px 37px; 
 
    color: #000; 
 

 
    background: #e2e2e2 url('http://www.kevinfremon.com/wp-content/uploads/2013/11/drop-down-arrow.png') no-repeat right center; 
 
}

<select id="dropdownlist" class="custom-dropdown"> 
 
    <option>Custom Key</option> 
 
    <option>test</option> 
 
</select>

來源

2015-12-02 13:42:55 imGaurav

謝謝，這工作:) 將其標記爲回答10分鐘！ –

只需添加這

color: black;

，並刪除該

color: #fff;

來源

2015-12-02 13:48:24 RAP

將下拉文本的顏色更改爲黑色

回答

相關問題