Warum überschreiben „“ und „“ Schriftarteinstellungen?

Warum und <textfield> Schriftarteinstellungen überschreiben</h2> <p>Beim Versuch, eine einheitliche Schriftart auf alle Elemente anzuwenden, kann es bei Benutzern zu einer Anomalie mit <textarea> kommen. und <textfield> Elemente. Diese Elemente ignorieren in der Regel die Eigenschaften „font-family“ und „font-size“, die vom body-Element geerbt wurden.</p> <p>Um dieses Verhalten zu verstehen, ist es wichtig zu beachten, dass einige Steuerelemente, einschließlich <textarea> und <textfield> verfügen über eigene Standardschriftarteinstellungen, die geerbte Stile überschreiben.</p> <p><strong>Lösung:</strong></p> <p>Um dieses Problem zu beheben, schließen Sie explizit <textarea> ein. und <textfield> in Ihren CSS-Regeln. Fügen Sie Ihrem Stylesheet die folgenden Zeilen hinzu:</p> <pre class="brush:php;toolbar:false">textarea { font-family: inherit; font-size: inherit; }</pre> <p>Dies überschreibt die Standardeinstellungen und ermöglicht Ihnen die Anwendung einheitlicher Schriftstile auf alle Elemente.</p> <p><strong>Weitere betroffene Elemente:</strong> </p> <p>Abgesehen von <textarea> und <textfield> ignorieren mehrere andere Elemente in XHTML ebenfalls den vom Body-Element geerbten Schriftstil. Dazu gehören:</p> <ul> <li><input></li> <li><label></li> <li><select></li> <li><option></li> </ul><p>Das obige ist der detaillierte Inhalt vonWarum überschreiben „“ und „“ Schriftarteinstellungen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!</p></div><div class="nphpQianMsg"><a href="javascript:void(0);">css</a> <a href="javascript:void(0);">xhtml</a> <a href="javascript:void(0);">select</a> <a href="javascript:void(0);">include</a> <a href="javascript:void(0);">default</a> <a href="javascript:void(0);">this</a> <a href="javascript:void(0);">input</a> <a href="javascript:void(0);">issue</a><div class="clear"></div></div><div class="nphpQianSheng"><span>Stellungnahme：</span><div>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</div></div></div><div class="nphpSytBox"><span>Vorheriger Artikel：<a class="dBlack" title="So erstellen Sie Textspalten in CSS: Nur CSS oder JavaScript?" href="http://m.php.cn/de/faq/1796684858.html">So erstellen Sie Textspalten in CSS: Nur CSS oder JavaScript?</a></span><span>Nächster Artikel：<a class="dBlack" title="So erstellen Sie Textspalten in CSS: Nur CSS oder JavaScript?" href="http://m.php.cn/de/faq/1796684869.html">So erstellen Sie Textspalten in CSS: Nur CSS oder JavaScript?</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>In Verbindung stehende Artikel</h2><em><a href="http://m.php.cn/de/article.html" class="bBlack"><i>Mehr sehen</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/de/faq/1796685388.html" title="Warum ist das Verschachteln von Absätzen innerhalb von Überschriften-Tags in HTML5 eine umstrittene Praxis?" class="aBlack">Warum ist das Verschachteln von Absätzen innerhalb von Überschriften-Tags in HTML5 eine umstrittene Praxis?</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/1796685393.html" title="Wie nummeriere ich verschachtelte geordnete Listen in HTML?" class="aBlack">Wie nummeriere ich verschachtelte geordnete Listen in HTML?</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/1796685267.html" title="Warum verwischt die WebKit Translate3d-Animation meinen Text?" class="aBlack">Warum verwischt die WebKit Translate3d-Animation meinen Text?</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/1796685269.html" title="Wie kann ich „pointer-events: none“ im Internet Explorer für Nicht-SVG-Elemente emulieren?" class="aBlack">Wie kann ich „pointer-events: none“ im Internet Explorer für Nicht-SVG-Elemente emulieren?</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/1796685284.html" title="Wie zeige ich Unicode-Zeichen in CSS-Inhaltswerten an?" class="aBlack">Wie zeige ich Unicode-Zeichen in CSS-Inhaltswerten an?</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！</p></div><div class="footermid"><a href="http://m.php.cn/de/about/us.html">Über uns</a><a href="http://m.php.cn/de/about/disclaimer.html">Haftungsausschluss</a><a href="http://m.php.cn/de/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>