Warum erben Eingabeelemente in Firefox nicht die Schriftart vom Textkörper?

Die Schriftart des Elements wurde von geerbt. in Firefox: Beheben des Problems

Trotz scheinbar einfacher CSS-Regeln ist der Schriftstil von Elemente in Firefox können von den für den angegebenen Werten abweichen. Element. Diese Diskrepanz entsteht durch das Standardverhalten von Elemente, die keine Schriftarten erben.

Um die Schriftartenvererbung zu erzwingen, passen Sie das CSS wie folgt an und stellen Sie sicher, dass die Eigenschaft „font-family“ für explizit auf „inherit“ gesetzt ist. Elemente:

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

Durch Hinzufügen dieser CSS-Regel wird Elemente erben die Schriftart, die für den Element. Dadurch wird ein konsistenter Schriftstil auf der gesamten Seite gewährleistet.

Eine Live-Demonstration der Schriftvererbung finden Sie in der folgenden Geige: http://jsfiddle.net/gaby/pEedc/1/

Das obige ist der detaillierte Inhalt vonWarum erben Eingabeelemente in Firefox nicht die Schriftart vom Textkörper?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!