Chrome tidak menggunakan pelapik untuk memilih pilihan
P粉683665106
P粉683665106 2023-10-14 09:43:38
0
1
594

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>


P粉683665106
P粉683665106

membalas semua(1)
P粉420868294

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/

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan