Pourquoi `` et `` n'héritent-ils pas du style de police du corps ?

Comprendre le style de police hérité

En HTML, l'élément body sert souvent de base au style d'une page Web, y compris les paramètres de police. Cependant, certains éléments, tels que et <textfield>, peuvent ne pas hériter automatiquement des propriétés de police du corps.</p> <p><strong>Le problème avec <textarea> et <textfield></strong></p> <p>Par défaut, la zone <textarea> et <champ de texte> les éléments ne sont pas définis pour hériter des propriétés de police du corps conteneur. Cela peut entraîner l'apparition de ces éléments avec une famille et une taille de police différentes de celles du texte environnant.</p> <p><strong>Pour résoudre le problème</strong></p> <p>Pour garantir que <textarea> et <champ de texte> Les éléments héritent des propriétés de police du corps, vous pouvez spécifier explicitement ce comportement dans votre CSS :</p> <pre class="brush:php;toolbar:false">textarea { font-family: inherit; font-size: inherit; }</pre> <p>Ce code demande au navigateur d'utiliser la famille de polices et la taille définies pour le corps pour ces éléments spécifiques.</p> <p><strong>Autres éléments ayant un comportement similaire</strong></p> <p>En plus de <textarea> et <textfield>, les autres éléments HTML qui ne peuvent pas hériter des paramètres de police du corps incluent :</p> <ul> <li><input type="text"></li> <li><input type= "mot de passe"></li><li><saisie type="bouton"></li> <li><select></li> <li><option></li> <li><label></li> </ul> <p><strong>Conclusion </strong></p> <p>En comprenant le comportement de style de police hérité de certains éléments HTML et en le remplaçant si nécessaire, vous pouvez garantir des paramètres de police cohérents sur vos pages Web.</p><p>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!</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>Déclaration：</span><div>Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn</div></div></div><div class="nphpSytBox"><span>Article précédent：<a class="dBlack" title="Quelle est la différence entre « all : unset » et « all : revert » en CSS ?" href="http://m.php.cn/fr/faq/1796683408.html">Quelle est la différence entre « all : unset » et « all : revert » en CSS ?</a></span><span>Article suivant：<a class="dBlack" title="Quelle est la différence entre « all : unset » et « all : revert » en CSS ?" href="http://m.php.cn/fr/faq/1796683415.html">Quelle est la différence entre « all : unset » et « all : revert » en CSS ?</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Articles Liés</h2><em><a href="http://m.php.cn/fr/article.html" class="bBlack"><i>Voir plus</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/fr/faq/1796684217.html" title="Comment puis-je utiliser des variables CSS sans unités avec différentes unités ?" class="aBlack">Comment puis-je utiliser des variables CSS sans unités avec différentes unités ?</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/1796683408.html" title="Quelle est la différence entre « all : unset » et « all : revert » en CSS ?" class="aBlack">Quelle est la différence entre « all : unset » et « all : revert » en CSS ?</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/1796683914.html" title="Pourquoi les images d'arrière-plan disparaissent-elles lors de l'impression dans Firefox et Internet Explorer ?" class="aBlack">Pourquoi les images d'arrière-plan disparaissent-elles lors de l'impression dans Firefox et Internet Explorer ?</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/1796683496.html" title="Puis-je imbriquer un `` à l'intérieur d'un `` dans un formulaire Bootstrap ?" class="aBlack">Puis-je imbriquer un `` à l'intérieur d'un `` dans un formulaire Bootstrap ?</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/1796683500.html" title="Les attributs de données CSS peuvent-ils restituer les caractères de nouvelle ligne avec des pseudo-éléments ?" class="aBlack">Les attributs de données CSS peuvent-ils restituer les caractères de nouvelle ligne avec des pseudo-éléments ?</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>Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！</p></div><div class="footermid"><a href="http://m.php.cn/fr/about/us.html">À propos de nous</a><a href="http://m.php.cn/fr/about/disclaimer.html">Clause de non-responsabilité</a><a href="http://m.php.cn/fr/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>