Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Menjadikan Anak Panah Medan Nombor Input Kelihatan dalam Chrome?

Bagaimana untuk Menjadikan Anak Panah Medan Nombor Input Kelihatan dalam Chrome?

DDD
DDDasal
2024-10-28 11:00:06402semak imbas

How to Make Input Number Field Arrows Visible in Chrome?

Menyesuaikan Anak panah Medan "Nombor" Input

Dalam soalan pengaturcaraan ini, pengguna bertujuan untuk memaparkan anak panah atas dan bawah untuk medan input HTML dengan jenis data "nombor". Mereka telah cuba menggunakan CSS untuk mencapai perkara ini, tetapi tidak berjaya.

Penyelesaian

Untuk memaparkan anak panah, disyorkan untuk menggunakan sifat kelegapan sebaliknya:

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

   opacity: 1;

}</code>

Pendekatan ini membolehkan anak panah kelihatan secara kekal. Walau bagaimanapun, adalah penting untuk mengakui bahawa penyelesaian ini mungkin berkesan terutamanya dalam Chrome. Untuk keserasian merentas penyemak imbas yang lebih komprehensif, anda dinasihatkan untuk melaksanakan mekanisme sandaran untuk penyemak imbas yang berbeza.

Atas ialah kandungan terperinci Bagaimana untuk Menjadikan Anak Panah Medan Nombor Input Kelihatan dalam Chrome?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn