Rumah > Artikel > hujung hadapan web > Mengapa `` dan `` Tidak Mewarisi Sifat Fon daripada `` dan Bagaimana untuk Membetulkannya?

Mengapa `` dan `` Tidak Mewarisi Sifat Fon daripada `` dan Bagaimana untuk Membetulkannya?

Linda Hamiltonasal: 2024-11-15 12:10:03990semak imbas

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

Mengapa Perlu dan <textfield> Abaikan Sifat Fon yang Diwarisi daripada <body> dan Bagaimana untuk Mengatasinya?</strong></p> <p>Anda mungkin perasan bahawa <textarea> dan <textfield> elemen kadangkala mengabaikan sifat keluarga fon dan saiz fon yang ditetapkan dalam <badan> Peraturan CSS. Tingkah laku yang membingungkan ini bukan ralat pengaturcaraan sebaliknya keputusan reka bentuk yang disengajakan.</p> <p>Elemen input tertentu, termasuk <textarea> dan <textfield>, jangan warisi sifat fon ini secara lalai. Untuk memastikan ketekalan merentas pelbagai penyemak imbas web dan sistem pengendalian, elemen ini direka bentuk untuk mempunyai tetapan fon lalai khusus.</p> <p>Untuk mengatasi gelagat ini dan menggunakan sifat fon yang diingini daripada <body>, tambahkan peraturan CSS berikut: </p> <pre class="brush:php;toolbar:false">textarea { font-family: inherit; font-size: inherit; }</pre> <p>Dengan menambahkan ini pada CSS anda, anda mengarahkan penyemak imbas untuk mewarisi sifat fon yang dinyatakan dalam <body> peraturan untuk <textarea> elemen.</p> <p>Adalah penting untuk ambil perhatian bahawa elemen input lain juga mungkin menunjukkan tingkah laku ini. Untuk memastikan keseragaman dalam reka bentuk anda, pertimbangkan untuk menetapkan sifat fon secara eksplisit untuk semua elemen bentuk dalam CSS anda.</p><p>Atas ialah kandungan terperinci Mengapa `` dan `` Tidak Mewarisi Sifat Fon daripada `` dan Bagaimana untuk Membetulkannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!</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>Kenyataan：</span><div>Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn</div></div></div><div class="nphpSytBox"><span>Artikel sebelumnya：<a class="dBlack" title="Bagaimanakah Saya Boleh Skalakan Saiz Fon Secara Berkadaran dengan Saiz Bekas dalam Reka Bentuk Web Responsif?" href="http://m.php.cn/ms/faq/1796685606.html">Bagaimanakah Saya Boleh Skalakan Saiz Fon Secara Berkadaran dengan Saiz Bekas dalam Reka Bentuk Web Responsif?</a></span><span>Artikel seterusnya：<a class="dBlack" title="Bagaimanakah Saya Boleh Skalakan Saiz Fon Secara Berkadaran dengan Saiz Bekas dalam Reka Bentuk Web Responsif?" href="http://m.php.cn/ms/faq/1796685619.html">Bagaimanakah Saya Boleh Skalakan Saiz Fon Secara Berkadaran dengan Saiz Bekas dalam Reka Bentuk Web Responsif?</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Artikel berkaitan</h2><em><a href="http://m.php.cn/ms/article.html" class="bBlack"><i>Lihat lagi</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/ms/faq/1796685605.html" title="Bagaimanakah saya boleh menghidupkan elemen hanya apabila ia berada dalam viewport menggunakan API CSS3 dan IntersectionObserver?" class="aBlack">Bagaimanakah saya boleh menghidupkan elemen hanya apabila ia berada dalam viewport menggunakan API CSS3 dan IntersectionObserver?</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ms/faq/1796685606.html" title="Bagaimanakah Saya Boleh Skalakan Saiz Fon Secara Berkadaran dengan Saiz Bekas dalam Reka Bentuk Web Responsif?" class="aBlack">Bagaimanakah Saya Boleh Skalakan Saiz Fon Secara Berkadaran dengan Saiz Bekas dalam Reka Bentuk Web Responsif?</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ms/faq/1796685618.html" title="Mengapa `` dan `` Tidak Mewarisi Sifat Fon daripada `` dan Bagaimana untuk Membetulkannya?" class="aBlack">Mengapa `` dan `` Tidak Mewarisi Sifat Fon daripada `` dan Bagaimana untuk Membetulkannya?</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ms/faq/1796685708.html" title="Bagaimana untuk Membungkus Teks dalam <td> Elemen untuk Kebolehbacaan?" class="aBlack">Bagaimana untuk Membungkus Teks dalam <td> Elemen untuk Kebolehbacaan?</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ms/faq/1796685740.html" title="Mengapa Internet Explorer 7, 8 dan 9 Tidak Boleh Memuatkan Fon EOT Melalui HTTPS?" class="aBlack">Mengapa Internet Explorer 7, 8 dan 9 Tidak Boleh Memuatkan Fon EOT Melalui HTTPS?</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>Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！</p></div><div class="footermid"><a href="http://m.php.cn/ms/about/us.html">Tentang kita</a><a href="http://m.php.cn/ms/about/disclaimer.html">Penafian</a><a href="http://m.php.cn/ms/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>