Saya memiliki sebuah listbox dan saya ingin mengurangi lebar.
Berikut ini adalah kode saya:
<select name="wgtmsr" id="wgtmsr" style="width: 50px;">
<option value="kg">Kg</option>
<option value="gm">Gm</option>
<option value="pound">Pound</option>
<option value="MetricTon">Metric ton</option>
<option value="litre">Litre</option>
<option value="ounce">Ounce</option>
</select>
Kode ini bekerja pada IE 6 tapi tidak di Mozilla Firefox (versi terbaru). Ada yang bisa tolong beritahu saya bagaimana saya bisa mengurangi lebar
dari daftar dropdown pada Firefox?
Coba kode ini:
<select name="wgtmsr" id="wgtmsr">
<option value="kg">Kg</option>
<option value="gm">Gm</option>
<option value="pound">Pound</option>
<option value="MetricTon">Metric ton</option>
<option value="litre">Litre</option>
<option value="ounce">Ounce</option>
</select>
CSS:
#wgtmsr{
width:150px;
}
Jika anda ingin mengubah lebar pilihan anda dapat melakukan ini di css anda:
#wgtmsr option{
width:150px;
}
Mungkin anda memiliki konflik dalam aturan css yang menimpa lebar anda pilih
[DEMO][1]
Lebar dropdown itu sendiri tidak dapat diatur. It's lebar tergantung pada pilihan-nilai. Lihat juga di sini ( jsfiddle.net/LgS3C/ )
Cara pilih kotak terlihat seperti ini juga tergantung pada browser anda.
Anda dapat membangun anda sendiri kontrol atau gunakan Select2 https://select2.org
mencoba !yang penting
argumen untuk memastikan CSS ini tidak bertentangan dengan gaya-gaya lain yang telah anda tentukan. Juga menggunakan reset.css lebih baik sebelum anda menambahkan gaya anda sendiri.
select#wgmstr {
max-width: 50px;
min-width: 50px;
width: 50px !important;
}
atau
<select name="wgtmsr" id="wgtmsr" style="width: 50px !important; min-width: 50px; max-width: 50px;">
Membuat css dan menetapkan nilai style="width:50px;"
di css kode. Panggilan kelas CSS dalam daftar drop-down. Maka akan bekerja.
Ini:
<pilih style="width: XXXpx;">
XXX = Nomor
Karya besar di Google Chrome v70.0.3538.110