Mengapa Elemen Input Tidak Mewarisi Fon Daripada Badan dalam Firefox?

Fon Elemen Diwarisi daripada dalam Firefox: Menyelesaikan Isu

Walaupun peraturan CSS nampak mudah, penggayaan fon elemen dalam Firefox mungkin berbeza daripada yang ditentukan untuk unsur. Percanggahan ini timbul disebabkan oleh kelakuan lalai elemen yang tidak mewarisi fon.

Untuk menguatkuasakan warisan fon, laraskan CSS seperti berikut, memastikan sifat keluarga fon ditetapkan secara eksplisit kepada 'warisan' untuk elemen:

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

Dengan menambahkan peraturan CSS ini, elemen akan mewarisi fon yang ditetapkan untuk unsur. Ini memastikan penggayaan fon yang konsisten di seluruh halaman.

Untuk demonstrasi langsung warisan fon, rujuk biola berikut: http://jsfiddle.net/gaby/pEedc/1/

Atas ialah kandungan terperinci Mengapa Elemen Input Tidak Mewarisi Fon Daripada Badan dalam Firefox?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!