Bagaimanakah Saya Boleh Mengatasi Pengisian Automatik Borang Penyemak Imbas dan Serlahkan Input Menggunakan HTML dan CSS?

Mengatasi Pengisian Automatik Borang Penyemak Imbas dan Serlahkan Input

Apabila bekerja dengan berbilang borang pada satu halaman, adalah perkara biasa untuk menghadapi masalah dengan auto -pengisian dan penonjolan yang tidak diingini. Artikel ini menangani kebimbangan ini, memfokuskan pada menggunakan HTML/CSS untuk melumpuhkan pengisian automatik dan mengatasi penyerlahan kuning.

Melumpuhkan Auto-Isi

Penyelesaian sebelumnya yang melibatkan penggunaan elemen kuat di dalam bayang-bayang telah menjadi lapuk dalam versi Chrome yang lebih baharu. Pendekatan alternatif ialah menyekat pengisian automatik dengan:

<input autocomplete="off" ...>

Mengatasi Warna Sorotan

Untuk mengatasi penyerlahan kuning yang tidak diingini, gunakan peraturan CSS berikut:

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px your_background_color inset;
    -webkit-text-fill-color: your_font_color;
}

Ganti "warna_latar_anda" dengan warna latar belakang yang diingini dan "warna_fon_anda" dengan warna fon yang diingini.

Nota: Penyelesaian ini mungkin tidak berkesan sepenuhnya dalam semua penyemak imbas. Sesetengah penyemak imbas, seperti Firefox, mungkin masih memaparkan sorotan kuning samar.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengatasi Pengisian Automatik Borang Penyemak Imbas dan Serlahkan Input Menggunakan HTML dan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!