Bolehkah Anda Sentiasa Menunjukkan Anak panah Atas/Bawah untuk Input Medan \'Nombor\' Merentasi Penyemak Imbas?

Menunjukkan Anak Panah Atas/Bawah untuk Medan "Nombor" Input

Keupayaan untuk menogol anak panah ke atas/bawah untuk medan "nombor" input telah menjadi isu berterusan untuk pembangun web. Walaupun menggunakan CSS, sesetengah pengguna telah mengalami cabaran dalam memaparkan anak panah ini secara konsisten.

Bolehkah anda sentiasa menunjukkan anak panah atas/bawah untuk memasukkan "nombor"?

Ya, ia adalah mungkin untuk sentiasa memaparkan anak panah atas/bawah untuk medan "nombor" input. Walau bagaimanapun, seperti kebanyakan fungsi CSS, ciri ini mempunyai sokongan penyemak imbas yang terhad.

Penyelesaian:

Untuk mencapainya, anda boleh menggunakan -webkit-inner-spin- butang dan -webkit-outer-spin-button pseudo-elements. Dengan menetapkan kelegapan elemen ini kepada 1, anda boleh memaksa anak panah kelihatan.

<code class="css">input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  opacity: 1;
}</code>

Nota: Penyelesaian ini berfungsi terutamanya dalam Chrome. Pelayar lain mungkin tidak menyokongnya. Oleh itu, pertimbangkan untuk menggunakan kaedah sandaran untuk keserasian silang penyemak imbas yang optimum.

Atas ialah kandungan terperinci Bolehkah Anda Sentiasa Menunjukkan Anak panah Atas/Bawah untuk Input Medan \'Nombor\' Merentasi Penyemak Imbas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!