Bagaimana untuk Menyembunyikan Kotak Putaran Input Nombor HTML5?

Menyembunyikan Kotak Putaran Input Nombor HTML5

Soalan:

Bolehkah seseorang secara konsisten menyekat penampilan kotak putaran yang diberikan oleh sesetengah penyemak imbas (seperti Chrome) untuk input HTML jenis "nombor"? Bagaimanakah seseorang boleh menghalang anak panah atas/bawah daripada kelihatan menggunakan CSS atau JavaScript?

Contoh:

<input>

Penyelesaian:

Untuk menyembunyikan kotak putaran dengan berkesan dalam penyemak imbas WebKit (diuji dalam Chrome 7.0.517.44 dan Safari 5.0.2), gunakan CSS berikut:

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield; /* Firefox */
}

Atas ialah kandungan terperinci Bagaimana untuk Menyembunyikan Kotak Putaran Input Nombor HTML5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!