Bagaimana untuk Menghalang Chrome Daripada Menukar Fon Semasa Autolengkap?

Menghalang Perubahan Fon Chrome Semasa Autolengkap

Menghadapi perubahan fon yang tidak dijangka dalam ciri autolengkap Chrome boleh mengecewakan, terutamanya apabila ia menjejaskan penjajaran borang log masuk anda. Menangani isu ini memerlukan pemahaman tentang mekanisme autolengkap penyemak imbas.

Chrome menggunakan sifat CSS tertentu, -webkit-autolengkap, untuk mengendalikan cadangan autolengkap. Dengan menyasarkan sifat ini, kami boleh mempengaruhi penampilan cadangan autolengkap, termasuk fon.

Coretan kod yang disediakan dalam soalan melaksanakan penyasaran autoisi dengan -webkit-auto-isi. Walau bagaimanapun, ia tidak mempunyai kekhususan yang diperlukan untuk mengatasi perubahan fon lalai Chrome. Akibatnya, perubahan fon yang diingini tidak berkuat kuasa.

Untuk mencapai gelagat yang diingini, kita mesti menggunakan penyasaran yang lebih khusus. Dengan menggunakan -webkit-autofill::first-line, kami boleh menyasarkan baris pertama teks autofill secara khusus. Pemilih yang lebih halus ini memastikan perubahan fon kami diutamakan berbanding lalai Chrome.

Berikut ialah kod yang dikemas kini:

input {
  &:-webkit-autofill::first-line {
    font-family: Times, "Times New Roman", serif !important;
  }
}

Dengan melaksanakan pendekatan disasarkan ini, anda boleh menghalang Chrome daripada mengubah fon dengan berkesan semasa autolengkap, mengekalkan penjajaran anda dan mengekalkan rupa yang diingini bagi borang log masuk anda.

Atas ialah kandungan terperinci Bagaimana untuk Menghalang Chrome Daripada Menukar Fon Semasa Autolengkap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!