Bagaimanakah saya boleh mengalih keluar Butang Pemintal Input Nombor dalam Penyemak Imbas WebKit?

Menekan Butang Pemutar "Nombor" Jenis Input dalam Webkit

Apabila mereka bentuk tapak web untuk pengguna mudah alih (Safari Mudah Alih) dan desktop (Chrome , Safari), pertimbangkan estetika visual medan input yang ditetapkan untuk entri berangka menggunakan tag. Pada mudah alih, teg ini memudahkan input berangka secara optimum melalui papan kekunci berangka. Walau bagaimanapun, dalam Chrome dan Safari, butang putaran yang tidak diingini muncul di sebelah medan ini, berpotensi bertembung dengan estetika reka bentuk.

Melumpuhkan Butang Spinner Menggunakan CSS

Untuk menghapuskan butang ini menggunakan CSS , manfaatkan kod berikut:

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

Kod ini dengan berkesan menyembunyikan putaran dalam dan luar butang, memastikan reka bentuk yang bersih dan anggun untuk medan input berangka. Selain itu, ingat untuk menetapkan margin pada elemen ini kepada sifar untuk mengelakkan jarak yang tidak diingini di sekeliling medan input.

Atas ialah kandungan terperinci Bagaimanakah saya boleh mengalih keluar Butang Pemintal Input Nombor dalam Penyemak Imbas WebKit?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!