Maison > Article > interface Web > Pourquoi `` et `` n'héritent-ils pas des propriétés de police de `` et comment y remédier ?

Pourquoi `` et `` n'héritent-ils pas des propriétés de police de `` et comment y remédier ?

Linda Hamiltonoriginal: 2024-11-15 12:10:03993parcourir

Why Don't `` and `` Inherit Font Properties from `` and How to Fix It?

Pourquoi et <champ de texte> Ignorer les propriétés de police héritées de <body> et comment le remplacer ?</strong></p> <p>Vous avez peut-être remarqué que le paramètre <textarea> et <champ de texte> Les éléments ignorent parfois les propriétés font-family et font-size définies dans le fichier <body> Règles CSS. Ce comportement déroutant n'est pas une erreur de programmation mais plutôt une décision de conception délibérée.</p> <p>Certains éléments d'entrée, notamment <textarea> et <textfield>, n'héritent pas de ces propriétés de police par défaut. Pour garantir la cohérence entre les différents navigateurs Web et systèmes d'exploitation, ces éléments sont conçus pour avoir des paramètres de police par défaut spécifiques.</p> <p>Pour remplacer ce comportement et appliquer les propriétés de police souhaitées à partir de <body>, ajoutez les règles CSS suivantes : </p> <pre class="brush:php;toolbar:false">textarea { font-family: inherit; font-size: inherit; }</pre> <p>En ajoutant ceci à votre CSS, vous demandez au navigateur d'hériter des propriétés de police spécifiées dans le champ <body> règle pour la zone <textarea> element.</p> <p>Il est important de noter que d’autres éléments d’entrée peuvent également présenter ce comportement. Pour garantir l'uniformité de vos conceptions, envisagez de définir explicitement les propriétés de police pour tous les éléments de formulaire dans votre CSS.</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);">for</a> <a href="javascript:void(0);">Error</a> <a href="javascript:void(0);">default</a> <a href="javascript:void(0);">this</a> <a href="javascript:void(0);">input</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="Comment puis-je adapter la taille de la police proportionnellement à la taille du conteneur dans une conception Web réactive ?" href="http://m.php.cn/fr/faq/1796685606.html">Comment puis-je adapter la taille de la police proportionnellement à la taille du conteneur dans une conception Web réactive ?</a></span><span>Article suivant：<a class="dBlack" title="Comment puis-je adapter la taille de la police proportionnellement à la taille du conteneur dans une conception Web réactive ?" href="http://m.php.cn/fr/faq/1796685619.html">Comment puis-je adapter la taille de la police proportionnellement à la taille du conteneur dans une conception Web réactive ?</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/1796685756.html" title="Comment masquer efficacement un élément Div en utilisant PHP ?" class="aBlack">Comment masquer efficacement un élément Div en utilisant PHP ?</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/1796685763.html" title="Création d'une carte de profil AR avec détection de visage en temps réel" class="aBlack">Création d'une carte de profil AR avec détection de visage en temps réel</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/1796685769.html" title="Comment empêcher les éléments flexibles de s’étirer de manière indésirable dans un conteneur flexible ?" class="aBlack">Comment empêcher les éléments flexibles de s’étirer de manière indésirable dans un conteneur flexible ?</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/1796685775.html" title="Pourquoi les transitions CSS ne fonctionnent-elles pas sur les éléments initialement masqués ?" class="aBlack">Pourquoi les transitions CSS ne fonctionnent-elles pas sur les éléments initialement masqués ?</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/1796685630.html" title="Comment puis-je sélectionner des éléments avec n'importe quel attribut « données » en CSS ?" class="aBlack">Comment puis-je sélectionner des éléments avec n'importe quel attribut « données » en CSS ?</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>