Warum erben „und' nicht den Schriftstil vom Textkörper?

Grundlegendes zum geerbten Schriftstil

In HTML dient das Body-Element häufig als Grundlage für den Stil einer Webseite, einschließlich der Schriftarteinstellungen. Bestimmte Elemente wie und <textfield> erben möglicherweise nicht automatisch Schriftarteigenschaften vom Textkörper.</p> <p><strong>Das Problem mit <textarea> und <textfield></strong></p> <p>Standardmäßig ist das <textarea> und <textfield> Elemente sind nicht so eingestellt, dass sie Schriftarteigenschaften vom enthaltenden Textkörper erben. Dies kann dazu führen, dass diese Elemente mit einer anderen Schriftfamilie und -größe als der umgebende Text angezeigt werden.</p> <p><strong>Um das Problem zu beheben</strong></p> <p>Um sicherzustellen, dass <textarea> und <textfield> Elemente erben Schrifteigenschaften vom Körper. Sie können dieses Verhalten explizit in Ihrem CSS festlegen:</p> <pre class="brush:php;toolbar:false">textarea { font-family: inherit; font-size: inherit; }</pre> <p>Dieser Code weist den Browser an, die für den Körper definierte Schriftfamilie und -größe für diese spezifischen Elemente zu verwenden.</p> <p><strong>Andere Elemente mit ähnlichem Verhalten</strong></p> <p>Zusätzlich zu <textarea> und <textfield>, andere HTML-Elemente, die möglicherweise keine Schriftarteinstellungen vom Textkörper erben, sind:</p> <ul> <li><input type="text"></li> <li><input type= "Passwort"></li> <li><input type="button"></li> <li><select></li> <li><option></li> <li><label> ;</li> </ul> <p><strong>Fazit</strong></p> <p>Indem Sie das geerbte Schriftstilverhalten bestimmter HTML-Elemente verstehen und es bei Bedarf überschreiben, können Sie konsistente Schrifteinstellungen auf Ihren Webseiten sicherstellen. </p><p>Das obige ist der detaillierte Inhalt vonWarum erben „und' nicht den Schriftstil vom Textkörper?. 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);">html</a> <a href="javascript:void(0);">for</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> <a href="javascript:void(0);">Foundation</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="Was ist der Unterschied zwischen „all: unset“ und „all: revert“ in CSS?" href="https://m.php.cn/de/faq/1796683408.html">Was ist der Unterschied zwischen „all: unset“ und „all: revert“ in CSS?</a></span><span>Nächster Artikel：<a class="dBlack" title="Was ist der Unterschied zwischen „all: unset“ und „all: revert“ in CSS?" href="https://m.php.cn/de/faq/1796683415.html">Was ist der Unterschied zwischen „all: unset“ und „all: revert“ in CSS?</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>In Verbindung stehende Artikel</h2><em><a href="https://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="https://m.php.cn/de/faq/841.html" title="Zusammenfassung dessen, worauf Sie beim Schreiben von CSS bezüglich Border achten müssen" class="aBlack">Zusammenfassung dessen, worauf Sie beim Schreiben von CSS bezüglich Border achten müssen</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/961.html" title="So realisieren Sie die Auswahl mehrerer Stile und den Echtzeitwechsel von Stilen. Erleben Sie den Austausch" class="aBlack">So realisieren Sie die Auswahl mehrerer Stile und den Echtzeitwechsel von Stilen. Erleben Sie den Austausch</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/1345.html" title="Detaillierte Nutzungsanalyse von Marquee" class="aBlack">Detaillierte Nutzungsanalyse von Marquee</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/269082.html" title="CSS标题线（删除线贯穿线效果）实现" class="aBlack">CSS标题线（删除线贯穿线效果）实现</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/269606.html" title="CSS3中优雅降级和渐进增强的区别" class="aBlack">CSS3中优雅降级和渐进增强的区别</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="https://m.php.cn/de/about/us.html">Über uns</a><a href="https://m.php.cn/de/about/disclaimer.html">Haftungsausschluss</a><a href="https://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><!-- Matomo --><script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '9']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script><!-- End Matomo Code --></html>