Bagaimanakah Saya Boleh Memaksa Keterlihatan Butang Atas/Bawah untuk Medan Input Nombor dalam Semua Penyemak Imbas?

Bolehkah Anda Menguatkuasakan Keterlihatan Butang Atas/Bawah untuk Medan Input Nombor?

Ingin sentiasa membentangkan anak panah atas dan bawah pada angka medan input? Anda mungkin telah menghadapi beberapa halangan; inilah penyelesaiannya:

HTML:

<code class="html"><input type="number" /></code>

CSS:

<code class="css">input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: "Always Show Up/Down Arrows";
}</code>

Malangnya, kaedah ini terhad ke Chrome.

Penyelesaian Alternatif: Harta Kelegapan

Untuk penyelesaian silang penyemak imbas, cuba ini:

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

Kaedah ini memaksa anak panah untuk kekal kelihatan, tetapi ambil perhatian bahawa ia mungkin tidak berfungsi dalam semua penyemak imbas. Pertimbangkan untuk melaksanakan sandaran untuk penyemak imbas yang tidak patuh.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memaksa Keterlihatan Butang Atas/Bawah untuk Medan Input Nombor dalam Semua Penyemak Imbas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!