🔍小程序placeholder样式的修改_placeholder 不加粗小程序

更新时间：2025-08-25 00:28:48发布时间：177天前来源：

大家好！今天来聊聊如何修改小程序中的placeholder样式，并且保持其不加粗。👀

首先，我们都知道在小程序中，``和``等表单元素默认的placeholder文字是加粗显示的，这有时候可能不符合我们的设计需求。📝</p><p>为了实现placeholder不加粗的效果，我们需要在CSS中进行一些调整。具体来说，可以在对应的样式文件中添加如下代码：</p><p>```css</p><p>/ 不加粗placeholder /</p><p>input::placeholder {</p><p>font-weight: normal;</p><p>}</p><p>textarea::placeholder {</p><p>font-weight: normal;</p><p>}</p><p>```</p><p>这样设置之后，你的placeholder文字就会以非加粗的形式展示啦！🎉</p><p>记得在实际开发中，根据具体的项目需求对上述代码进行适当调整，确保兼容性与美观性。🌈</p><p>希望这个小技巧能帮助到大家，如果有任何问题或更好的方法，欢迎留言交流哦！💬</p><p>小程序开发 CSS样式调整 placeholder</p>  <div class="clear"></div> <div id="SGOContentPage" class="SiteGeneralContentPage" style="margin-top:15px;"></div> <div class="article_footer clearfix"> <div class="fr tag"> 标签： <a href="https://www.shuyang.tv/tag/xiaochengxuplaceholderyangshidexiugaiplaceholderbujiacuxiaochengxu/" target="_blank">小程序placeholder样式的修改placeholder不加粗小程序</a> </div> </div> <div class="content_banquan"> <p><span class="strong">免责声明：本答案或内容为用户上传，不代表本网观点。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。如遇侵权请及时联系本站删除。</span></p> </div> <script> if (isMobile()){ document.write('<div style="text-align:center;margin-top:10px;margin-left:-15px;"><script>wap_show_tag_under9();<\/script><\/div>'); }else{ document.write('<div style="text-align:center;margin-top:15px;"><script>pc_show_tag_under();<\/script><\/div>'); } </script> </div> <div class="listnews_show"> <div class="title1"><h3><a href="javascript:void(0)">相关阅读</a></h3></div> <ul> <li> <a href="http://m.shuyang.tv/kjzx/202505/216667.html" target="_blank">Pico Neo 3 VR一体机评测:能玩游戏能看电影带你体验 🎮🎥</a> </li> <li> <a href="http://m.shuyang.tv/kjzx/202505/216614.html" target="_blank">💻win7资源管理器停止工作？别慌，轻松解决🤔</a> </li> <li> <a href="http://m.shuyang.tv/kjzx/202505/216597.html" target="_blank">爱奥乐血糖测试仪评测:❤️关注自己和家人的健康才能拥有 </a> </li> <li> <a href="http://m.shuyang.tv/kjzx/202505/216583.html" target="_blank">💻 电脑键盘怎么锁？</a> </li> <li> <a href="http://m.shuyang.tv/kjzx/202504/186700.html" target="_blank">🌟 JDK及IDEA配置 | 🌟 飞到远方的博客</a> </li> <li> <a href="http://m.shuyang.tv/kjzx/202504/186655.html" target="_blank">🌐常用URL特殊字符的转义 🌀</a> </li> </ul> </div> <script> if (isMobile()){ document.write('<div style="text-align:center;margin-top:10px;margin-left:-10px;"><script>wap_show_sosuo();<\/script><\/div>'); }else{ } </script> <div class="listnews_show"> <div class="title1"><h3><a href="javascript:void(0)">猜你喜欢</a></h3></div> <ul> <li> <a href="http://renwen.shuyang.tv/jxfw/202508/454959.html" target="_blank">289大院:我的（ldquo及南方及rdquo及记忆）</a> </li> <li> <a href="http://m.shuyang.tv/zxwd/202508/454956.html" target="_blank">猎豹跑100米多长时间</a> </li> <li> <a href="https://www.shuyang.tv/xz/202508/454949.html" target="_blank">烈焰飞雪玉兔合成公式</a> </li> <li> <a href="http://renwen.shuyang.tv/jxfw/202508/454945.html" target="_blank">新学期新起点新目标文档全文免费阅读、在线看</a> </li> <li> <a href="http://renwen.shuyang.tv/jxfw/202508/454944.html" target="_blank">还珠格格语录经典语录</a> </li> <li> <a href="http://news.shuyang.tv/nwwd/202508/454922.html" target="_blank">买普通钢琴好还是电钢好</a> </li> </ul> </div> <script> if (isMobile()){ document.write('<div style="text-align:center;margin-top:10px;margin-left:-10px;"><script>wap_show_artlist1();<\/script><\/div>'); }else{ document.write('<div style="text-align:center;margin-top:10px;"><script>pc_show_like_under();<\/script><\/div>'); } </script> </div>  <div class="right"> <div class="rdzt" style="margin-top:20px;"> <div class="title1"><h3><a href="https://www.shuyang.tv/news/xz/" target="_blank">生活经验</a><div class="right_bg"></div></h3></div> <div class="rd_banner"> <div class="list_zt"> <ul>  <li><span class="dot"></span><a href="https://www.shuyang.tv/xz/202508/454949.html" target="_blank">烈焰飞雪玉兔合成公式</a></li> <li><span class="dot"></span><a href="https://www.shuyang.tv/xz/202508/454935.html" target="_blank">怎么修改微信转账额度</a></li> <li><span class="dot"></span><a href="https://www.shuyang.tv/xz/202508/454928.html" target="_blank">马赫是什么单位</a></li> <li><span class="dot"></span><a href="https://www.shuyang.tv/xz/202508/454917.html" target="_blank">安信证券的佣金是多少</a></li> <li><span class="dot"></span><a href="https://www.shuyang.tv/xz/202508/454897.html" target="_blank">两害相轻取其轻什么意思</a></li> <li><span class="dot"></span><a href="https://www.shuyang.tv/xz/202508/454879.html" target="_blank">《妖猫传》哪年上映</a></li> </ul> </div> </div> </div> <div class="block_r botborder noborder"> <div class="title1"><h3><a href="https://www.shuyang.tv/news/suqian/" target="_blank">生活百科</a></h3></div> <div class="txt"> <a href="https://www.shuyang.tv/suqian/202508/454950.html" target="_blank">烈焰焚情高清完整版电影</a> <a href="https://www.shuyang.tv/suqian/202508/454936.html" target="_blank">朱雀介绍</a> <a href="https://www.shuyang.tv/suqian/202508/454929.html" target="_blank">蒜泥茄子的做法</a> <a href="https://www.shuyang.tv/suqian/202508/454918.html" target="_blank">沙井附近哪里有学而思机构</a> <a href="https://www.shuyang.tv/suqian/202508/454908.html" target="_blank">手动挡汽车档位有哪些</a> <a href="https://www.shuyang.tv/suqian/202508/454898.html" target="_blank">两横一竖可以组成那些字</a> </div> </div> <div class="block_r botborder noborder"> <div class="title1"><h3><a href="https://www.shuyang.tv/news/shehui/" target="_blank">生活常识</a></h3></div> <div class="txt"> <a href="https://www.shuyang.tv/shehui/202508/454952.html" target="_blank">烈焰辅助工具哪个好</a> <a href="https://www.shuyang.tv/shehui/202508/454930.html" target="_blank">3月16日是什么节日(3月16日是什么</a> <a href="https://www.shuyang.tv/shehui/202508/454920.html" target="_blank">交通违章代码17121怎么处罚</a> <a href="https://www.shuyang.tv/shehui/202508/454886.html" target="_blank">怎么做才能成为一名好老师</a> <a href="https://www.shuyang.tv/shehui/202508/454864.html" target="_blank">蚂蚁庄园现在正宗的夫妻肺片里</a> <a href="https://www.shuyang.tv/shehui/202508/454855.html" target="_blank">联想旭日c466a开机后黑屏</a> </div> </div> <div class="block_r botborder noborder"> <div class="title1"><h3><a href="https://www.shuyang.tv/news/world/" target="_blank">精选知识</a></h3></div> <div class="txt"> <a href="https://www.shuyang.tv/world/202508/454937.html" target="_blank">江湖风云录五毒真经属性</a> <a href="https://www.shuyang.tv/world/202508/454909.html" target="_blank">手动挡汽车的挡位与速度怎么匹配</a> <a href="https://www.shuyang.tv/world/202508/454899.html" target="_blank">两虎相争必一伤猜生肖</a> <a href="https://www.shuyang.tv/world/202508/454887.html" target="_blank">怎么做才能身体健康</a> <a href="https://www.shuyang.tv/world/202508/454865.html" target="_blank">蚂蚁庄园现在正宗的夫妻肺片里有</a> <a href="https://www.shuyang.tv/world/202508/454856.html" target="_blank">联想扬天T4900v-00如何进入BIOS设</a> </div> </div> <div class="block_r noborder"> <div class="title1"><h3><a href="javascript:void(0)" target="_blank">最新滚动</a></h3></div>  <div id="mooc">  <div id="moocBox" style="height:160px;"> <ul id="con1" class="txt">  <li><a href="http://wh.shuyang.tv/shwh/202508/454965.html" target="_blank">西天取经它有份猜打一准确生肖，</a></li> <li><a href="http://wh.shuyang.tv/shwh/202508/454964.html" target="_blank">江边美人，淡然泪垂，痴心一片等</a></li> <li><a href="http://renwen.shuyang.tv/jxfw/202508/454963.html" target="_blank">3（middot及8妇女节活动主题）</a></li> <li><a href="http://renwen.shuyang.tv/jxfw/202508/454962.html" target="_blank">遗传算法基本原理（免费在线阅读</a></li> <li><a href="http://renwen.shuyang.tv/jxfw/202508/454961.html" target="_blank">高考状元的励志故事:看后让你精神</a></li> <li><a href="http://renwen.shuyang.tv/jxfw/202508/454960.html" target="_blank">孩子成长寄语唯美八字</a></li> <li><a href="http://renwen.shuyang.tv/jxfw/202508/454959.html" target="_blank">289大院:我的（ldquo及南方及rdqu</a></li> <li><a href="http://ent.shuyang.tv/bzwd/202508/454958.html" target="_blank">猎场演员表及人物介绍是怎样的</a></li> <li><a href="http://mip.shuyang.tv/yxwd/202508/454957.html" target="_blank">猎豹跑一百米大概多少秒,5秒</a></li> <li><a href="http://m.shuyang.tv/zxwd/202508/454956.html" target="_blank">猎豹跑100米多长时间</a></li> <li><a href="http://news.shuyang.tv/nwwd/202508/454955.html" target="_blank">猎豹浏览器网址大全网址是什么啊</a></li> <li><a href="https://bbs.shuyang.tv/jxwd/202508/454954.html" target="_blank">猎豹安全浏览器到（www.bookbao.c</a></li> </ul> <ul id="con2" class="txt"></ul> </div>  </div>  <script type="text/javascript"> var area = document.getElementById('moocBox'); var con1 = document.getElementById('con1'); var con2 = document.getElementById('con2'); var speed = 50; area.scrollTop = 0; con2.innerHTML = con1.innerHTML; function scrollUp(){ if(area.scrollTop >= con1.scrollHeight) { area.scrollTop = 0; }else{ area.scrollTop ++; console.log(area.scrollTop); } } var myScroll = setInterval("scrollUp()",speed); area.onmouseover = function(){ clearInterval(myScroll); } area.onmouseout = function(){ myScroll = setInterval("scrollUp()",speed); } </script> </div> </div>  </div> </div> <script type="application/ld+json"> { "pubDate": "2025-02-28T03:54:16", "upDate": "2025-08-25T00:28:48" } </script> <div class="footer"> <div class="info"> <h1><a href="https://www.shuyang.tv"><img src="https://www.shuyang.tv/statics/xz/picture/logo_s.jpg" /></a></h1> <div class="txt"> <p> <span><a href="https://www.shuyang.tv/about.html" target="_blank">关于我们</a></span><span>|</span> <span><a href="https://www.shuyang.tv/lxfs.html" target="_blank">联系方式</a></span><span>|</span> <span><a href="https://www.shuyang.tv/bqsm.html" target="_blank">版权声明</a></span><span>|</span> <span><a href="https://www.shuyang.tv/mzsm.html" target="_blank">免责声明</a></span><span>|</span> </p> <p>跳动探索网版权所有，未经书面授权禁止使用</p> <p class="arial">跳动探索网主办版权所有：跳动探索网站 Copyright © 2007-2025 by https://www.shuyang.tv All Rights Reserved</p> <p class="arial"><a href="https://www.shuyang.tv/ditu.html" target="_blank" >网站地图</a> | <a href="https://www.shuyang.tv/sitemaps.xml" target="_blank">百度地图</a> | <a href="https://www.shuyang.tv/sitemaps_360_all.xml" target="_blank">360地图</a>| <a href="https://www.shuyang.tv/tags/" target="_blank">关键词索引</a> | <a href="https://www.shuyang.tv/jrgx" target="_blank" style="display:none;">今日更新</a></p> </div> </div> </div> <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script> <script>LA.init({id:"KLBIYLmQWnmHfUfS",ck:"KLBIYLmQWnmHfUfS"})</script> <script> (function(){ var el = document.createElement("script"); el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?1cd43929665ad04b86dbc14e564e4c3bdc3d322a182fa9045ce1f53237d10b11fd9a9dcb5ced4d7780eb6f3bbd089073c2a6d54440560d63862bbf4ec01bba3a"; el.id = "ttzz"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(el, s); })(window) </script>  </body> </html>