FormsLesson 130Preview gratis
Hide Number Arrows
Lesson ini bagian dari How To · Semua level
Ringkasan
Hide number arrows adalah teknik CSS untuk menyembunyikan tombol panah kecil pada input type=number. Panah tersebut adalah spinner bawaan browser yang terkadang mengganggu desain. Setelah disembunyikan, input tetap menerima angka dan validasi numerik, tetapi pengguna mengetik nilainya secara manual.
Poin kunci
- Input type=number menampilkan spinner panah naik-turun di banyak browser.
- appearance: none dan pseudo-element WebKit menyembunyikan spinner.
- Firefox memakai -moz-appearance: textfield.
- Menyembunyikan panah tidak mematikan validasi angka.
- Sertakan inputmode="numeric" agar keyboard seluler tetap sesuai.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.