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

DDD
Lepaskan: 2024-10-28 11:00:06
asal
260 orang telah melayarinya

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>
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!