Berikut ialah beberapa tajuk berasaskan soalan yang sesuai dengan kandungan artikel anda: * Bagaimana untuk Sentiasa Memaparkan Anak Panah Atas/Bawah untuk Input Nombor? * Bolehkah Anda Memaksa Anak Panah Atas/Bawah pada Input Nombor dalam Semua Pelayar?

Bolehkah Anda Sentiasa Paparkan Anak Panah Atas/Bawah untuk Nombor Input?

Adalah perkara biasa untuk mempunyai anak panah atas dan bawah untuk medan input jenis "nombor." Secara lalai, ini tidak selalu berlaku, jadi bagaimana anda boleh mencapai ini?

Pendekatan Berasaskan CSS

Jika anda menggunakan Chrome, anda boleh cuba menggunakan sifat -webkit-appearance:

<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>

Walau bagaimanapun, pendekatan ini mungkin tidak berfungsi secara konsisten merentas semua penyemak imbas.

Penyelesaian Opacity

Alternatif yang disokong secara lebih meluas ialah melaraskan sifat kelegapan:

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

Pendekatan ini pada asasnya menjadikan anak panah sentiasa kelihatan, walaupun ia tidak dipaparkan pada mulanya.

Atas ialah kandungan terperinci Berikut ialah beberapa tajuk berasaskan soalan yang sesuai dengan kandungan artikel anda: * Bagaimana untuk Sentiasa Memaparkan Anak Panah Atas/Bawah untuk Input Nombor? * Bolehkah Anda Memaksa Anak Panah Atas/Bawah pada Input Nombor dalam Semua Pelayar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!