Chrome tidak menggunakan pelapik untuk memilih pilihan

Question

Pilih isian pilihan tidak berfungsi dalam Chrome

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

Answer 1

Saya baru sahaja menemui cara untuk menggunakan padding pada input terpilih dalam chrome

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

Nampaknya berfungsi dalam chrome semasa 39.0.2171.71 (64 bit) dan safari (saya hanya menguji pada Mac).

Ini nampaknya mengalih keluar gaya lalai yang ditambahkan pada input pilih (ia juga mengalih keluar anak panah lungsur), tetapi membolehkan anda menggunakan gaya anda sendiri tanpa Chrome mengatasinya.

Saya terjumpa pembaikan ini semasa menggunakan kod dari sini: http://fettblog.eu/style-select-elements/