Warum wird und <textfield> Von <body> geerbte Schriftarteigenschaften ignorieren und wie kann man es überschreiben?</strong></p> <p>Sie haben vielleicht bemerkt, dass die <textarea> und <textfield> Elemente ignorieren manchmal die Eigenschaften „font-family“ und „font-size“, die im <body>-Element festgelegt sind. CSS-Regeln. Dieses rätselhafte Verhalten ist kein Programmierfehler, sondern eine bewusste Designentscheidung.</p> <p>Bestimmte Eingabeelemente, darunter <textarea> und <textfield> erben diese Schriftarteigenschaften standardmäßig nicht. Um die Konsistenz über verschiedene Webbrowser und Betriebssysteme hinweg sicherzustellen, sind diese Elemente so konzipiert, dass sie über bestimmte Standardschriftarteinstellungen verfügen.</p> <p>Um dieses Verhalten zu überschreiben und die gewünschten Schriftarteigenschaften von <body> anzuwenden, fügen Sie die folgenden CSS-Regeln hinzu: </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>textarea { font-family: inherit; font-size: inherit; }</pre><div class="contentsignin">Nach dem Login kopieren</div></div> <p>Indem Sie dies zu Ihrem CSS hinzufügen, weisen Sie den Browser an, die im <body> angegebenen Schriftarteigenschaften zu erben. Regel für die <textarea> Element.</p> <p>Es ist wichtig zu beachten, dass auch andere Eingabeelemente dieses Verhalten aufweisen können. Um die Einheitlichkeit Ihrer Designs zu gewährleisten, sollten Sie erwägen, Schriftarteigenschaften für alle Formularelemente in Ihrem CSS explizit festzulegen.</p>
