Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Menyesuaikan Kotak Input Pemilih Warna dalam Webkit?

Bagaimana untuk Menyesuaikan Kotak Input Pemilih Warna dalam Webkit?

Susan Sarandon
Susan Sarandonasal
2024-11-20 03:34:02405semak imbas

How to Customize the Color Picker Input Box in Webkit?

Mengawal Kotak Pemilih Warna dalam Webkit

Poifill keserasian silang untuk penyemak imbas lama mungkin menimbulkan ketidakkonsistenan apabila menggayakan elemen input[type=color] dalam Webkit. Khususnya, apabila menetapkan warna dan warna latar belakang input untuk dipadankan, kotak kelabu muncul di sekeliling warna yang dipilih.

Pemilih CSS Khusus WebKit

Untuk menyesuaikan borang kawalan seperti pemilih warna, Webkit menawarkan pemilih CSS tertentu. Walau bagaimanapun, adalah penting untuk ambil perhatian bahawa pemilih ini tidak rasmi dan mungkin tertakluk kepada pecah perubahan dalam kemas kini Webkit akan datang.

Oleh itu, adalah disyorkan untuk mengelak daripada menggunakannya dalam pengeluaran melainkan untuk projek peribadi.

Kaedah 1: Menyembunyikan Bahagian Tidak Berwarna

Menggunakan Pemilih khusus Webkit, adalah mungkin untuk menyembunyikan sebahagian besar bahagian bukan berwarna bagi input pemilih warna.

Atas ialah kandungan terperinci Bagaimana untuk Menyesuaikan Kotak Input Pemilih Warna dalam Webkit?. 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