Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Warum erbt mein „Element' nicht den Schriftstil seines übergeordneten Elements?

DDD
Freigeben: 2024-10-30 02:58:28
Original
745 Leute haben es durchsucht

Why Doesn't My `` Element Inherit the Font Style of Its Parent?

Inkompatibilität von Schriftartenvererbung

In CSS erben Elemente die Schriftarteigenschaften ihrer übergeordneten Elemente, z. B. Element. Die Das Element folgt dieser Regel nicht immer.

Im bereitgestellten Beispiel ist das und

Standardschriftart überschreiben

Um eine konsistente Schriftartenvererbung sicherzustellen Für alle Elemente müssen die Standardschriftarteinstellungen für Formularelemente explizit überschrieben werden. Dies kann durch Hinzufügen der folgenden CSS-Regel erreicht werden:

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

Durch das Hinzufügen dieser Regel erben alle Formularelemente die Schriftarteigenschaften ihrer übergeordneten Elemente, einschließlich des Element.

Demonstration

Eine Live-Demonstration der Lösung ist unter http://jsfiddle.net/gaby/pEedc/1/ verfügbar. In dieser Demo sind sowohl das

Hinweis:

Während diese Lösung in den meisten modernen Browsern funktioniert, unterstützen Internet Explorer 9 und früher keine Schriftartenvererbung für Formulare Elemente. In diesen Browsern überschreiben die Standardschriftarteinstellungen weiterhin die geerbten Schrifteigenschaften.

Das obige ist der detaillierte Inhalt vonWarum erbt mein „Element' nicht den Schriftstil seines übergeordneten Elements?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!