Mengapa Elemen \"Input\" Saya Tidak Mewarisi Fon daripada \"Body\"?

Input bukan Mewarisi Fon daripada Badan

Apabila menggunakan CSS untuk menggayakan elemen HTML, kadangkala elemen tertentu tidak mewarisi sifat gaya seperti yang dijangka. Ini boleh berlaku dengan medan input, yang secara lalai tidak mewarisi sifat keluarga fon daripada elemen induknya.

Dalam contoh yang diberikan, peraturan CSS ditetapkan untuk mentakrifkan keluarga fon khusus untuk kedua-dua elemen badan dan adm kelas tersuai digunakan pada kedua-dua label dan elemen input. Walau bagaimanapun, dalam Firefox, fon medan input tidak sepadan dengan fon label.

Untuk menyelesaikan masalah ini, anda boleh menentukan secara eksplisit bahawa medan input harus mewarisi fonnya daripada elemen induknya menggunakan CSS:

<code class="css">input, select, textarea, button {
  font-family: inherit;
}</code>

Dengan menambahkan peraturan ini, medan input kini akan mewarisi sifat keluarga fon yang ditakrifkan dalam elemen badan, memastikan ia menggunakan fon yang sama dengan seluruh teks pada halaman.

Anda boleh mengesahkan ini dengan melihat demo: http://jsfiddle.net/gaby/pEedc/1/.

Atas ialah kandungan terperinci Mengapa Elemen \"Input\" Saya Tidak Mewarisi Fon daripada \"Body\"?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!