Chrome 瀏覽器未套用填滿選擇選項

Question

選擇選項填入 Chrome 中不起作用

<style>
select option { padding:5px 0px; }
</style>    
<select>
<option>1</option>
<option>2</option>
<option>3</option> 
</select>

#

Answer 1

我剛剛找到了一種將填充應用於 chrome 中的選擇輸入的方法

select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px;
}

似乎可以在目前的 chrome 39.0.2171.71（64 位元）和 safari 中工作（我只在 Mac 上測試過）。

這似乎刪除了添加到選擇輸入的預設樣式（它還刪除了下拉箭頭），但允許您使用自己的樣式，而無需 Chrome 覆蓋它。

我在使用此處的程式碼時偶然發現了此修復：http://fettblog.eu/style-select-elements/

#