樣式選擇下拉框

我有一個HTML選擇下拉框，我已經風格，我遇到的問題是，我似乎無法風格的選項的背景顏色。下面是一個演示的鏈接，你可以看到下拉選項有一個白色的背景，我試圖改變。樣式選擇下拉框

這是我的HTML代碼：

<div class="select-div"> 
    <select name="pagination"> 

     <option value="10" selected="selected">10</option> 
     <option value="20">20</option> 
     <option value="30">30</option> 
     <option value="40">40</option> 
     <option value="50">50</option> 
    </select> 
    </div>

CSS樣式

select{ 
    background:transparent; 
    width: 170px; 
    padding: 2px; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:11px; 
    font-weight:600; 
    color:#fff; 
    line-height: 1; 
    border: 0; 
    border-radius: 0; 
    height: 22px; 
    -webkit-appearance: none; 

    } 

    .select-div{ 
width: 170px; 
height: 22px; 
overflow: hidden; 
background: url(arrowhead.png) no-repeat right #363636; 
border-top:#575757 1px solid; 
-webkit-border-radius: 4px 4px 4px 4px; 
-moz-border-radius: 4px 4px 4px 4px; 
     border-radius: 4px 4px 4px 4px; 
-webkit-box-shadow: inset 0 2px 4px rgba(107, 105, 105, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); 
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); 
     box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); 
     -moz-box-shadow: 0px 8px 3px -9px #000000; 
     -webkit-box-shadow: 0px 8px 3px -9px #000000; 
     box-shadow:   0px 8px 3px -9px #000000; 
    }

感謝

來源

2013-07-07 user2516043

參見[這個問題]（http://stackoverflow.com/questions/1895476/how-to-style-a-select-dropdown-with-css-only-without- JavaScript的）。 – Jeroen

@IwoKucharski他說：「**你可以看到下拉選項有白色背景，我正在嘗試改變。**」。來自'option'元素的'background'屬性，甚至''select'元素都可以被修改。 – leoMestizo

重複的問題;重新：https://stackoverflow.com/questions/16409386/looking-for-html5-select-element-css3-styling-solution-no-image-files-cross –

這裏有一個DEMO。

只需添加這個CSS規則：

select > option { 
    background: color; 
}

例如：

select > option { 
    background: pink; /* Or an hexadecimal value */ 
}

乾杯，獅子座！

來源

2013-07-07 21:32:59 leoMestizo

不幸的是，webkit瀏覽器還不支持標籤樣式。

檢查： How to style a select tag's option element?

來源

2014-02-03 13:13:20

樣式選擇下拉框

回答

相關問題