Chrome mengirimkan elemen pilihan yang dapat disesuaikan terlebih dahulu, dan mulai Safari 27.1, tanggal 23 Oktober, Apple bergabung. Tampilan penulisan: pilihan dasar di CSS Anda mengubah tarik-turun asli menjadi HTML yang benar-benar dapat Anda gaya, sekaligus mempertahankan perilaku asli untuk keyboard, pembaca layar, dan semua hal lain yang membuat pemilihan menjadi sulit sejak awal.
Kisah dukungan hari ini
data caniuse menempatkan penyesuaian pilihan pada 69,98 persen browser: Chrome, Safari dan turunannya mengirimkannya, sedangkan Firefox belum. Itu adalah fitur yang merendahkan, bukan fitur yang rusak. Pengguna Firefox mendapatkan dropdown asli yang berfungsi dengan baik.
Apa yang dapat Anda lakukan sekarang yang tidak bisa Anda lakukan
- Warna, batas, dan status asli di dalam daftar popup, tanpa perpustakaan dropdown.
- Opsi yang menampilkan ikon kecil di samping labelnya.
- Argumen yang masih kuat untuk semantik asli: penanganan input, fokus, kontrol suara, semuanya berada di tangan browser, bukan di tangan perpustakaan.
Peningkatan progresif yang baik adalah menata apa yang sudah dapat diakses oleh browser. Itu sangat bagus.
Firefox belum mengirimkannya, jadi jika desain Anda tidak dapat bertahan dalam fallback, pertahankan tampilan default hingga desain tersebut berhasil. Sebuah fitur kecil, berguna bagi sekitar tujuh dari sepuluh pembaca.