Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Alih Keluar atau Lumpuhkan Latar Belakang Kuning Autolengkap Chrome?

Bagaimanakah Saya Boleh Alih Keluar atau Lumpuhkan Latar Belakang Kuning Autolengkap Chrome?

Mary-Kate Olsen
Lepaskan: 2024-12-15 10:15:10
asal
162 orang telah melayarinya

How Can I Remove or Disable Chrome's Autofill Yellow Background?

Latar Belakang Kuning Autolengkap Borang Google Chrome: Dilema Reka Bentuk

Ciri autoisi borang Google Chrome, direka untuk menyelaraskan penyiapan borang dalam talian, memperkenalkan estetik kebingungan. Apabila Chrome menyimpan bukti kelayakan log masuk, ia menyerlahkan medan input gabungan dengan latar belakang kuning yang mudah dilihat. Walaupun mudah, sesetengah pengguna mendapati skema warna ini tidak menarik secara visual.

Isu ini telah mencetuskan persoalan dalam kalangan pembangun: Bagaimanakah latar belakang kuning yang dikaitkan dengan fungsi autolengkap Chrome boleh dialih keluar atau dilumpuhkan?

Jawapannya terletak pada CSS (Cascading Style Sheets), yang membolehkan penyesuaian elemen halaman web. Dengan menggunakan peraturan CSS tertentu, pengguna boleh mengubah suai warna latar belakang medan input autoisi.

Berikut ialah kod CSS tersuai:

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
Salin selepas log masuk

Kod ini menambah kesan bayang-kotak pada input medan dengan warna putih yang jelas. Parameter "inset" memastikan bahawa warna digunakan dalam sempadan medan input, menutup latar belakang kuning dengan berkesan tanpa mengubah suai saiz medan input.

Dengan memasukkan peraturan CSS ini ke dalam halaman web mereka, pembangun boleh membuat tersuai pengalaman pengguna dengan menghapuskan latar belakang kuning yang dikaitkan dengan fungsi autolengkap Chrome, memberikan estetika visual yang lebih konsisten di tapak web mereka.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Alih Keluar atau Lumpuhkan Latar Belakang Kuning Autolengkap 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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan