Mengapa medan tidak mewarisi gaya fon daripada elemen induknya dalam semua penyemak imbas?

Medan

tidak mewarisi gaya fon daripada elemen induknya dalam semua penyemak imbas? " />

Isu Warisan Fon dalam Medan

Dalam dokumen HTML, elemen tertentu mungkin tidak mewarisi gaya fon yang ditakrifkan untuk elemen induknya . Ini boleh diperhatikan untuk medan , seperti yang digambarkan dalam contoh khusus:

<label class="adm" for="UserName">Nama pengguna</label> <br><input class="adm" id="UserName" name="UserName" size="30" type="text" value="" />

Jika CSS digunakan untuk mewarisi keluarga fon daripada elemen kepada elemen bentuk ini:

body,html { font-family: Verdana,Arial,Helvetica,sans-serif; 0; padding:0; warna: #111;}<br>label.adm { font-size:0.9em; em; margin:0 3px 3px; memaparkan fon yang berbeza, "MS Shell Dlg".<br></p>Percanggahan ini timbul kerana <input> elemen tidak mewarisi keluarga fon secara lalai dalam semua penyemak imbas. Untuk memaksa warisan secara eksplisit, CSS boleh digunakan:<p></p><pra>input, pilih, textarea, butang{font-family:inherit;}<p>

Oleh menggabungkan peraturan ini, medan akan mewarisi keluarga fon daripada induknya elemen, memastikan konsistensi dalam gaya fon. Demonstrasi langsung penyelesaian ini boleh didapati di http://jsfiddle.net/gaby/pEedc/1/.

Atas ialah kandungan terperinci Mengapa medan tidak mewarisi gaya fon daripada elemen induknya dalam semua penyemak imbas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!