Warum erben -Felder nicht in allen Browsern Schriftarten von ihren übergeordneten Elementen?

-Felder erben nicht in allen Browsern Schriftarten von ihren übergeordneten Elementen? " />

Problem mit der Schriftartvererbung in -Feldern

In einem HTML-Dokument erben bestimmte Elemente möglicherweise nicht den für ihr übergeordnetes Element definierten Schriftartstil . Dies kann für -Felder beobachtet werden, wie in einem konkreten Beispiel dargestellt:

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

If CSS wird angewendet, um die Schriftfamilie vom -Element auf diese Formularelemente zu erben:

body,html { Schriftfamilie: Verdana,Arial,Helvetica,sans-serif; 0; padding:0; color: #111;}<br>label.adm { font-size:0.9em; margin:0 0 3px 3px; em; margin:0 0 3px 3px; }

Firefox erbt überraschenderweise die Schriftart Verdana zeigt eine andere Schriftart an, „MS Shell Dlg“.

Diese Diskrepanz entsteht, weil die Das Element erbt die Schriftfamilie nicht standardmäßig in allen Browsern. Um die Vererbung explizit zu erzwingen, kann CSS verwendet werden:

input, select, textarea, button{font-family:inherit;}<p>

By Unter Einbeziehung dieser Regel wird die Das Feld erbt die Schriftfamilie von seinem übergeordneten Element, um einen einheitlichen Schriftstil zu gewährleisten. Eine Live-Demonstration dieser Lösung finden Sie unter http://jsfiddle.net/gaby/pEedc/1/.

Das obige ist der detaillierte Inhalt vonWarum erben -Felder nicht in allen Browsern Schriftarten von ihren übergeordneten Elementen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!