大家好！今天来聊聊如何修改小程序中的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 style="text-align:center;"> <script> if (isMobile()){ document.write('<div style="text-align:center;margin-top:10px;margin-left:-15px;"><script>wap_show_sosuo();<\/script><\/div>'); } </script> </div> <div class="art-copyright br mb"> <div> <span class="copyright">版权声明：</span>本文由用户上传，如有侵权请联系删除！</div> </div> <div class="article_footer clearfix"> <div class="fr tag"> 标签： </div> </div> </div> </article> <div class="prev-next sb br mb clearfix"> <p class="post-prev fl ellipsis"> <strong> <a href="http://m.shuyang.tv/kjzx/202502/51140.html">上一篇:谷歌浏览器网页版入口 🌐🔍</a> </strong> </p> <p class="post-next fr ellipsis"> <strong> <a href="http://m.shuyang.tv/kjzx/202502/51147.html">下一篇:王者荣耀S12赛季什么时候结束 第十二赛季具体</a> </strong> </p> </div> <script> if (isMobile()){ document.write('<div style="text-align:center;margin-top:10px;margin-left:0px;"><script>wap_show_tag_under9();<\/script><\/div>'); } </script> <div class="related-art sb br mb"> <p class="c-title"><span class="name">猜你喜欢</span></p> <ul class="ul clearfix"> <li class="related-item mt"> <a href="http://m.shuyang.tv/kjzx/202503/83963.html" title="苏沐烟的个人空间 🌟" target="_blank" > <p class="titile">苏沐烟的个人空间 🌟</p> </a> </li> <li class="related-item mt"> <a href="http://m.shuyang.tv/kjzx/202503/83933.html" title="和华硕K40ET74AB(2G 500G)哪个好综合对比 📱💻" target="_blank" > <p class="titile">和华硕K40ET74AB(2G 500G)哪个好综合对比 📱💻</p> </a> </li> <li class="related-item mt"> <a href="http://m.shuyang.tv/kjzx/202503/83921.html" title="C 开发BIMFACE系列1 简介 🏗️🔧" target="_blank" > <p class="titile">C 开发BIMFACE系列1 简介 🏗️🔧</p> </a> </li> <li class="related-item mt"> <a href="http://m.shuyang.tv/kjzx/202503/83913.html" title="解决VIVO手机开启USB调试仍不能连接ADB📱💻" target="_blank" > <p class="titile">解决VIVO手机开启USB调试仍不能连接ADB📱💻</p> </a> </li> <li class="related-item mt"> <a href="http://m.shuyang.tv/kjzx/202503/83904.html" title="和平精英五圣伏魔记全出保底花费攻略 🎮💰" target="_blank" > <p class="titile">和平精英五圣伏魔记全出保底花费攻略 🎮💰</p> </a> </li> <li class="related-item mt"> <a href="http://m.shuyang.tv/kjzx/202503/83886.html" title="内网穿透:Sunny-Ngrok 在Mac、Linux、树莓派使用教程 🚀" target="_blank" > <p class="titile">内网穿透:Sunny-Ngrok 在Mac、Linux、树莓派使用教程 🚀</p> </a> </li> <li class="related-item mt"> <a href="http://m.shuyang.tv/kjzx/202503/83876.html" title="荷美尔(Hormel)肉制品Hormel 荷美尔 经典德式香肠 180 " target="_blank" > <p class="titile">荷美尔(Hormel)肉制品Hormel 荷美尔 经典德式香肠 180 </p> </a> </li> <li class="related-item mt"> <a href="http://m.shuyang.tv/kjzx/202503/83857.html" title="解决win10桌面无法删除ie浏览器图标_win10ie图标无法删除 😕" target="_blank" > <p class="titile">解决win10桌面无法删除ie浏览器图标_win10ie图标无法删除 😕</p> </a> </li> </ul> </div> <script> if (isMobile()){ document.write('<script>wap_show_artlist1();<\/script>'); } </script> <div class="related-art sb br mb"> <p class="c-title"><span class="name">最新文章</span></p> <ul class="ul clearfix"> <li class="related-item mt"> <a href="http://mip.shuyang.tv/yxsd/202503/84074.html" title="师徒恋小说女师男徒" target="_blank" > <p class="titile">师徒恋小说女师男徒</p> </a> </li> <li class="related-item mt"> <a href="http://www.shuyang.tv/yx/202503/84073.html" title="lolfps低了怎么调高" target="_blank" > <p class="titile">lolfps低了怎么调高</p> </a> </li> <li class="related-item mt"> <a href="http://www.shuyang.tv/ys/202503/84072.html" title="脾氨肽口服溶液 🍵🌿" target="_blank" > <p class="titile">脾氨肽口服溶液 🍵🌿</p> </a> </li> <li class="related-item mt"> <a href="http://ent.shuyang.tv/yxxx/202503/84071.html" title="桃花源记黄金礼包" target="_blank" > <p class="titile">桃花源记黄金礼包</p> </a> </li> <li class="related-item mt"> <a href="http://www.shuyang.tv/jxbk/202503/84068.html" title="回族服饰图片" target="_blank" > <p class="titile">回族服饰图片</p> </a> </li> <li class="related-item mt"> <a href="http://www.shuyang.tv/jxbk/202503/84067.html" title="如何选择合适的木浴缸尺寸" target="_blank" > <p class="titile">如何选择合适的木浴缸尺寸</p> </a> </li> <li class="related-item mt"> <a href="http://www.shuyang.tv/lv/202503/84066.html" title="大连五一遛娃成园温泉山庄" target="_blank" > <p class="titile">大连五一遛娃成园温泉山庄</p> </a> </li> <li class="related-item mt"> <a href="http://m.shuyang.tv/kjzx/202503/84065.html" title="好音质选出来 年末热门纯音MP3推荐 🎧🎶" target="_blank" > <p class="titile">好音质选出来 年末热门纯音MP3推荐 🎧🎶</p> </a> </li> <li class="related-item mt"> <a href="http://www.shuyang.tv/keji/202503/84064.html" title="📚好婴童童书绘本儿童读物图书睡前经典童话套🌙" target="_blank" > <p class="titile">📚好婴童童书绘本儿童读物图书睡前经典童话套🌙</p> </a> </li> <li class="related-item mt"> <a href="http://www.shuyang.tv/fangchan/202503/84063.html" title="旗胜家园邮编是多少啊?有人知道不?-旗胜家园业主论坛" target="_blank" > <p class="titile">旗胜家园邮编是多少啊?有人知道不?-旗胜家园业主论坛</p> </a> </li> <li class="related-item mt"> <a href="http://www.shuyang.tv/lv/202503/84062.html" title="东直门到北京南站" target="_blank" > <p class="titile">东直门到北京南站</p> </a> </li> <li class="related-item mt"> <a href="http://www.shuyang.tv/fangchan/202503/84061.html" title="萱小萱" target="_blank" > <p class="titile">萱小萱</p> </a> </li> <li class="related-item mt"> <a href="http://www.shuyang.tv/ys/202503/84060.html" title="炸鸡怎么做 🍗🍗美味炸鸡的秘诀大公开！" target="_blank" > <p class="titile">炸鸡怎么做 🍗🍗美味炸鸡的秘诀大公开！</p> </a> </li> <li class="related-item mt"> <a href="http://bbs.shuyang.tv/qctt/202503/84059.html" title="第一个吃螃蟹的人" target="_blank" > <p class="titile">第一个吃螃蟹的人</p> </a> </li> <li class="related-item mt"> <a href="http://m.shuyang.tv/kjzx/202503/84057.html" title="什么是CSS? 学习Web 开发 🎨💻" target="_blank" > <p class="titile">什么是CSS? 学习Web 开发 🎨💻</p> </a> </li> <li class="related-item mt"> <a href="http://www.shuyang.tv/keji/202503/84056.html" title=" JSON 💻📊" target="_blank" > <p class="titile"> JSON 💻📊</p> </a> </li> <li class="related-item mt"> <a href="http://www.shuyang.tv/ys/202503/84055.html" title="豆角的功效 & 营养价值揭秘" target="_blank" > <p class="titile">豆角的功效 & 营养价值揭秘</p> </a> </li> <li class="related-item mt"> <a href="http://mip.shuyang.tv/yxsd/202503/84053.html" title="樱花动漫网电脑版" target="_blank" > <p class="titile">樱花动漫网电脑版</p> </a> </li> <li class="related-item mt"> <a href="http://www.shuyang.tv/yx/202503/84052.html" title="网易云音乐会员兑换码" target="_blank" > <p class="titile">网易云音乐会员兑换码</p> </a> </li> <li class="related-item mt"> <a href="http://www.shuyang.tv/jxbk/202503/84051.html" title="涞水县：自然与人文的和谐共存" target="_blank" > <p class="titile">涞水县：自然与人文的和谐共存</p> </a> </li> <li class="related-item mt"> <a href="http://mip.shuyang.tv/yxsd/202503/84049.html" title="蚁族的崛起" target="_blank" > <p class="titile">蚁族的崛起</p> </a> </li> <li class="related-item mt"> <a href="http://www.shuyang.tv/yx/202503/84048.html" title="征途2职业选择" target="_blank" > <p class="titile">征途2职业选择</p> </a> </li> <li class="related-item mt"> <a href="http://www.shuyang.tv/lv/202503/84047.html" title="大连市内不到70块钱就可以享受的快乐" target="_blank" > <p class="titile">大连市内不到70块钱就可以享受的快乐</p> </a> </li> <li class="related-item mt"> <a href="http://www.shuyang.tv/lv/202503/84046.html" title="武汉机场大巴最晚几点" target="_blank" > <p class="titile">武汉机场大巴最晚几点</p> </a> </li> </ul> </div> </div> <aside id="sidebar" class="hidden-sm-md-lg fr"> <div class="theiaStickySidebar"> <section id="aside_hot" class="widget widget_aside_hot sb br mb"> <p class="c-title mb"><span class="name">热门文章</span></p> <ul class="widget-content aside_hot"> <li class="clearfix"><span class="list list-8">1</span><a href="http://m.shuyang.tv/kjzx/202503/84065.html" title="好音质选出来 年末热门纯音MP3推荐 🎧🎶" target="_blank">好音质选出来 年末热门纯音MP3推荐 🎧🎶</a></li> <li class="clearfix"><span class="list list-8">2</span><a href="http://www.shuyang.tv/keji/202503/84064.html" title="📚好婴童童书绘本儿童读物图书睡前经典童话套🌙" target="_blank">📚好婴童童书绘本儿童读物图书睡前经典童话套🌙</a></li> <li class="clearfix"><span class="list list-8">3</span><a href="http://www.shuyang.tv/jxbk/202503/84051.html" title="涞水县：自然与人文的和谐共存" target="_blank">涞水县：自然与人文的和谐共存</a></li> <li class="clearfix"><span class="list list-8">4</span><a href="http://www.shuyang.tv/yx/202503/84048.html" title="征途2职业选择" target="_blank">征途2职业选择</a></li> <li class="clearfix"><span class="list list-8">5</span><a href="http://www.shuyang.tv/fangchan/202503/84045.html" title="管婷婷" target="_blank">管婷婷</a></li> <li class="clearfix"><span class="list list-8">6</span><a href="http://www.shuyang.tv/qiche/202503/84040.html" title="本田CB400官网报价" target="_blank">本田CB400官网报价</a></li> </ul> </section> <section id="aside_hot_comment" class="widget widget_aside_hot_comment sb br mb"> <p class="c-title mb"><span class="name">热点推荐</span></p> <ul class="widget-content aside_hot_comment"> <li class="list clearfix"><a href="http://mip.shuyang.tv/yxsd/202503/84074.html" title="师徒恋小说女师男徒" target="_blank" ><span class="img-wrap"><img src="http://www.shuyang.tv/statics/images/nopic.gif" alt="师徒恋小说女师男徒" class="img-cover br random-img"></span> <div class="new-text"> <p class="title">师徒恋小说女师男徒</p> <div class="info"><span class="time"><i class="iconfont icon-time"></i>03-10</span></div> </div> </a></li> <li class="list clearfix"><a href="http://www.shuyang.tv/yx/202503/84073.html" title="lolfps低了怎么调高" target="_blank" ><span class="img-wrap"><img src="http://www.shuyang.tv/statics/images/nopic.gif" alt="lolfps低了怎么调高" class="img-cover br random-img"></span> <div class="new-text"> <p class="title">lolfps低了怎么调高</p> <div class="info"><span class="time"><i class="iconfont icon-time"></i>03-10</span></div> </div> </a></li> <li class="list clearfix"><a href="http://ent.shuyang.tv/yxxx/202503/84071.html" title="桃花源记黄金礼包" target="_blank" ><span class="img-wrap"><img src="http://www.shuyang.tv/statics/images/nopic.gif" alt="桃花源记黄金礼包" class="img-cover br random-img"></span> <div class="new-text"> <p class="title">桃花源记黄金礼包</p> <div class="info"><span class="time"><i class="iconfont icon-time"></i>03-10</span></div> </div> </a></li> <li class="list clearfix"><a href="http://www.shuyang.tv/fangchan/202503/84063.html" title="旗胜家园邮编是多少啊?有人知道不?-旗胜家园业主论坛" target="_blank" ><span class="img-wrap"><img src="http://www.shuyang.tv/statics/images/nopic.gif" alt="旗胜家园邮编是多少啊?有人知道不?-旗胜家园业主论坛" class="img-cover br random-img"></span> <div class="new-text"> <p class="title">旗胜家园邮编是多少啊?有人知道不?-旗胜家园业主论坛</p> <div class="info"><span class="time"><i class="iconfont icon-time"></i>03-10</span></div> </div> </a></li> <li class="list clearfix"><a href="http://www.shuyang.tv/lv/202503/84062.html" title="东直门到北京南站" target="_blank" ><span class="img-wrap"><img src="http://www.shuyang.tv/statics/images/nopic.gif" alt="东直门到北京南站" class="img-cover br random-img"></span> <div class="new-text"> <p class="title">东直门到北京南站</p> <div class="info"><span class="time"><i class="iconfont icon-time"></i>03-10</span></div> </div> </a></li> <li class="list clearfix"><a href="http://www.shuyang.tv/fangchan/202503/84061.html" title="萱小萱" target="_blank" ><span class="img-wrap"><img src="http://www.shuyang.tv/statics/images/nopic.gif" alt="萱小萱" class="img-cover br random-img"></span> <div class="new-text"> <p class="title">萱小萱</p> <div class="info"><span class="time"><i class="iconfont icon-time"></i>03-10</span></div> </div> </a></li> <li class="list clearfix"><a href="http://www.shuyang.tv/ys/202503/84060.html" title="炸鸡怎么做 🍗🍗美味炸鸡的秘诀大公开！" target="_blank" ><span class="img-wrap"><img src="http://www.shuyang.tv/statics/images/nopic.gif" alt="炸鸡怎么做 🍗🍗美味炸鸡的秘诀大公开！" class="img-cover br random-img"></span> <div class="new-text"> <p class="title">炸鸡怎么做 🍗🍗美味炸鸡的秘诀大公开！</p> <div class="info"><span class="time"><i class="iconfont icon-time"></i>03-10</span></div> </div> </a></li> <li class="list clearfix"><a href="http://mip.shuyang.tv/yxsd/202503/84053.html" title="樱花动漫网电脑版" target="_blank" ><span class="img-wrap"><img src="http://www.shuyang.tv/statics/images/nopic.gif" alt="樱花动漫网电脑版" class="img-cover br random-img"></span> <div class="new-text"> <p class="title">樱花动漫网电脑版</p> <div class="info"><span class="time"><i class="iconfont icon-time"></i>03-10</span></div> </div> </a></li> <li class="list clearfix"><a href="http://www.shuyang.tv/yx/202503/84052.html" title="网易云音乐会员兑换码" target="_blank" ><span class="img-wrap"><img src="http://www.shuyang.tv/statics/images/nopic.gif" alt="网易云音乐会员兑换码" class="img-cover br random-img"></span> <div class="new-text"> <p class="title">网易云音乐会员兑换码</p> <div class="info"><span class="time"><i class="iconfont icon-time"></i>03-10</span></div> </div> </a></li> <li class="list clearfix"><a href="http://www.shuyang.tv/ys/202503/84043.html" title="梦见自己大哭 🌙✨" target="_blank" ><span class="img-wrap"><img src="http://www.shuyang.tv/statics/images/nopic.gif" alt="梦见自己大哭 🌙✨" class="img-cover br random-img"></span> <div class="new-text"> <p class="title">梦见自己大哭 🌙✨</p> <div class="info"><span class="time"><i class="iconfont icon-time"></i>03-10</span></div> </div> </a></li> </ul> </section> </div> </aside></div> <script> if (isMobile()){ document.write('<script>wap_show_button_under();wap_show_button_float();<\/script>'); } </script> <style> @media screen and (max-width:959px){ .copyright-link{display:none} } </style> <footer class="footer"> <div class="main container"> <div class="f-about"> <small> <span>Copyright © 2019 <a href="http://www.shuyang.tv">跳动探索网</a> 本站素材如有侵权请联系我们！   <a href="http://www.shuyang.tv/ditu.html" target="_blank" rel="nofollow">网站地图</a> | <a href="http://www.shuyang.tv/sitemaps.xml" target="_blank">百度地图</a> | <a href="http://www.shuyang.tv/sitemaps_360_all.xml" target="_blank">360地图</a> | <a href="http://www.shuyang.tv/jrgx/" target="_blank">今日更新</a></span> </small> </div> <div class="clear"></div> </div> <div id="toolbar" class="toolbar "> <div id="totop" class="btn hidden sb br"> <i class="iconfont icon-top"></i> </div> </div> </footer> <!--黑色透明遮罩--> <div id="mask-hidden" class="mask-hidden transition"></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 src="//www.shuyang.tv/Statics_n/js/common.js" type="text/javascript"></script> <!--[if lt IE 9]><script src="//www.shuyang.tv/Statics_n/js/html5-css3.js"></script><![endif]--> <!--初始化Swiper--> <script> var swiper = new Swiper('.swiper-container', { pagination: '.swiper-pagination', nextButton: '.swiper-button-next', prevButton: '.swiper-button-prev', centeredSlides: true, autoplay: 3500, slidesPerView: 1, paginationClickable: true, autoplayDisableOnInteraction: false, spaceBetween: 0, loop: true }); </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>