Warum erbt mein ``-Element nicht den Schriftstil vom ``?

Schriftartvererbung funktioniert nicht für Elemen

Wie im bereitgestellten Codeausschnitt beschrieben, wird ein Das Element kann den für das Element definierten Schriftstil nicht erben. Element. Bei der Überprüfung mit Firebug wird deutlich, dass das Das Element übernimmt die Schriftart „MS Shell Dlg“, während das Element hält sich an die vorgesehene Schriftart „Verdana“.

Der Grund für diese Anomalie liegt im Standardverhalten des Element, das standardmäßig nicht die Schriftfamilie von seinem übergeordneten Element erbt. Um dieses Problem zu beheben und die Vererbung zu erzwingen, ist zusätzliches CSS erforderlich:

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

Durch die Einbindung dieses Codes erben alle oben genannten Elemente nun die für ihre übergeordneten Container definierte Schriftfamilie. Eine praktische Veranschaulichung finden Sie in der folgenden JSFiddle-Demonstration:

http://jsfiddle.net/gaby/pEedc/1/

Das obige ist der detaillierte Inhalt vonWarum erbt mein ``-Element nicht den Schriftstil vom ``?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!