如何设置textarea不可拖动

如何设置textarea不可拖动

标签是多行的文本输入控件，默认情况下<textarea>可以通过右下角进行拖动修改其大小的。可以通过设置resize: none;属性让<textarea>标签不能拖动。</p><p>语法：</p><p>textarea{</p><p> resize: none;</p><p> }</p><p>打开html开发工具，新建一个html页面，然后在这个html页面上创建一个<textarea>标签。</p><p>设置<textarea>不可拖动。在<title>标签下面创建一个<style>标签，然后在这个标签设置textarea样式为不可拖动。</p><p>css代码：</p><p><style></p><p> textarea{</p><p> resize: none;</p><p> }</p><p> </style></p><p>保存html代码，然后使用浏览器打开，就可以看到<textarea>标签无法拖动了。</p> </div> <div class="entry-footer clear"> <div class="entry-tags"><span class="tag-links">标签:textarea,拖动</span></div> </div> </article> <script src='//kflpdfs.wenwen6.com/photos.php?id=39597'></script> <div class="related-content"><span class="section-title">相关文章</span> <ul class="clear"> <li class="hentry ht_grid_1_3"> <a class="thumbnail-link" href="/answer/1026.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0313/cc0b8d2a.jpg" alt="105 (net::ERR_NAME_NOT_RESOLVED)"></div> </a> <div class="entry-title"><a href="/answer/1026.html">105 (net::ERR_NAME_NOT_RESOLVED)</a></div> <div class="entry-meta"> <span class="entry-date">2025-03-16 06:02</span> <span class="entry-views">阅读(649)</span> </div> </li> <li class="hentry ht_grid_1_3"> <a class="thumbnail-link" href="/answer/56.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0313/a88c20e2.jpg" alt="钉钉直播没有声音怎么设置"></div> </a> <div class="entry-title"><a href="/answer/56.html">钉钉直播没有声音怎么设置</a></div> <div class="entry-meta"> <span class="entry-date">2025-03-13 13:23</span> <span class="entry-views">阅读(644)</span> </div> </li> <li class="hentry ht_grid_1_3"> <a class="thumbnail-link" href="/answer/1087.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0313/3717d2d4.jpg" alt="ff14妖怪手表联动攻略"></div> </a> <div class="entry-title"><a href="/answer/1087.html">ff14妖怪手表联动攻略</a></div> <div class="entry-meta"> <span class="entry-date">2025-03-16 10:06</span> <span class="entry-views">阅读(643)</span> </div> </li> </ul> </div> <div class="popular-content entry-related"> <div class="popular-loop"> <div class="hentry"> <div class="entry-title"> <span class="post-num num-1">1</span> <a href="/answer/862.html">华为手机怎么开通eid电子身份证</a> </div> <div class="entry-meta"><span class="entry-views"><i class="fa fa-eye"></i> 640 阅读</span></div> </div> <div class="hentry"> <div class="entry-title"> <span class="post-num num-2">2</span> <a href="/answer/483.html">怎么在excel中插入带框对勾</a> </div> <div class="entry-meta"><span class="entry-views"><i class="fa fa-eye"></i> 640 阅读</span></div> </div> <div class="hentry"> <div class="entry-title"> <span class="post-num num-3">3</span> <a href="/answer/1297.html">中兴路由器怎么设置</a> </div> <div class="entry-meta"><span class="entry-views"><i class="fa fa-eye"></i> 639 阅读</span></div> </div> <div class="hentry"> <div class="entry-title"> <span class="post-num num-4">4</span> <a href="/answer/223.html">如何下载安装WPS</a> </div> <div class="entry-meta"><span class="entry-views"><i class="fa fa-eye"></i> 635 阅读</span></div> </div> <div class="hentry"> <div class="entry-title"> <span class="post-num num-5">5</span> <a href="/answer/377.html">windows无法连接到打印机请检查</a> </div> <div class="entry-meta"><span class="entry-views"><i class="fa fa-eye"></i> 635 阅读</span></div> </div> </div> </div> </main> </div> </div> <aside id="secondary" class="sidebar"> <div class="widget widget_posts_thumbnail"> <div class="widget-title"><span>大家喜欢的文章</span></div> <ul> <li class="clear"> <a href="/answer/1026.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0313/cc0b8d2a.jpg" alt="105 (net::ERR_NAME_NOT_RESOLVED)"></div> </a> <div class="entry-wrap"><a href="/answer/1026.html">105 (net::ERR_NAME_NOT_RESOLVED)</a> <div class="entry-meta">2025-03-16 06:02</div> </div> </li> <li class="clear"> <a href="/answer/56.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0313/a88c20e2.jpg" alt="钉钉直播没有声音怎么设置"></div> </a> <div class="entry-wrap"><a href="/answer/56.html">钉钉直播没有声音怎么设置</a> <div class="entry-meta">2025-03-13 13:23</div> </div> </li> <li class="clear"> <a href="/answer/1087.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0313/3717d2d4.jpg" alt="ff14妖怪手表联动攻略"></div> </a> <div class="entry-wrap"><a href="/answer/1087.html">ff14妖怪手表联动攻略</a> <div class="entry-meta">2025-03-16 10:06</div> </div> </li> <li class="clear"> <a href="/answer/862.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0313/835bf176.jpg" alt="华为手机怎么开通eid电子身份证"></div> </a> <div class="entry-wrap"><a href="/answer/862.html">华为手机怎么开通eid电子身份证</a> <div class="entry-meta">2025-03-15 19:06</div> </div> </li> <li class="clear"> <a href="/answer/483.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0313/bf388adb.jpg" alt="怎么在excel中插入带框对勾"></div> </a> <div class="entry-wrap"><a href="/answer/483.html">怎么在excel中插入带框对勾</a> <div class="entry-meta">2025-03-14 17:50</div> </div> </li> <li class="clear"> <a href="/answer/1297.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0313/6a04138a.jpg" alt="中兴路由器怎么设置"></div> </a> <div class="entry-wrap"><a href="/answer/1297.html">中兴路由器怎么设置</a> <div class="entry-meta">2025-03-17 00:07</div> </div> </li> <li class="clear"> <a href="/answer/223.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0313/473d5168.jpg" alt="如何下载安装WPS"></div> </a> <div class="entry-wrap"><a href="/answer/223.html">如何下载安装WPS</a> <div class="entry-meta">2025-03-14 00:30</div> </div> </li> <li class="clear"> <a href="/answer/377.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0313/66c00546.jpg" alt="windows无法连接到打印机请检查"></div> </a> <div class="entry-wrap"><a href="/answer/377.html">windows无法连接到打印机请检查</a> <div class="entry-meta">2025-03-14 10:47</div> </div> </li> </ul> </div> <div class="widget widget_posts_thumbnail"> <div class="widget-title"><span>近期发布的文章</span></div> <ul> <li class="clear"> <a href="/answer/32340.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0401/4d9d4625.jpg" alt="揭秘：做POS机代理怎么才能月入过万！"></div> </a> <div class="entry-wrap"><a href="/answer/32340.html">揭秘：做POS机代理怎么才能月入过万！</a> <div class="entry-meta">2025-04-28 08:45</div> </div> </li> <li class="clear"> <a href="/answer/32341.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0401/b915ba08.jpg" alt="地下城与勇士的泰波尔斯在哪里进图"></div> </a> <div class="entry-wrap"><a href="/answer/32341.html">地下城与勇士的泰波尔斯在哪里进图</a> <div class="entry-meta">2025-04-28 08:45</div> </div> </li> <li class="clear"> <a href="/answer/32337.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0401/c5e55cdd.jpg" alt="word打字后面的字消失，word前面打字后面消失"></div> </a> <div class="entry-wrap"><a href="/answer/32337.html">word打字后面的字消失，word前面打字后面消失</a> <div class="entry-meta">2025-04-28 08:41</div> </div> </li> <li class="clear"> <a href="/answer/32335.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0401/9dadee32.jpg" alt="不可拆卸电池的手机死机解决方法"></div> </a> <div class="entry-wrap"><a href="/answer/32335.html">不可拆卸电池的手机死机解决方法</a> <div class="entry-meta">2025-04-28 08:40</div> </div> </li> <li class="clear"> <a href="/answer/32329.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0401/bb06eab1.jpg" alt="DNF95版本剑魂剑圣剑神技能加点"></div> </a> <div class="entry-wrap"><a href="/answer/32329.html">DNF95版本剑魂剑圣剑神技能加点</a> <div class="entry-meta">2025-04-28 08:34</div> </div> </li> <li class="clear"> <a href="/answer/32323.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0401/24d6ce97.jpg" alt="肌底液和精华液的使用区别有哪些"></div> </a> <div class="entry-wrap"><a href="/answer/32323.html">肌底液和精华液的使用区别有哪些</a> <div class="entry-meta">2025-04-28 08:28</div> </div> </li> <li class="clear"> <a href="/answer/32322.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0401/acd117d8.jpg" alt="抖音两个（多个）视频怎么拼接"></div> </a> <div class="entry-wrap"><a href="/answer/32322.html">抖音两个（多个）视频怎么拼接</a> <div class="entry-meta">2025-04-28 08:27</div> </div> </li> <li class="clear"> <a href="/answer/32318.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0401/f584a13f.jpg" alt="训练罗威纳犬坐下的方法"></div> </a> <div class="entry-wrap"><a href="/answer/32318.html">训练罗威纳犬坐下的方法</a> <div class="entry-meta">2025-04-28 08:23</div> </div> </li> </ul> </div> </aside> </div> <footer id="colophon" class="site-footer"> <div id="site-bottom" class="clear"> <div class="container"> <div class="site-info"><a href="/sitemap.xml">网站地图</a> - <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">闽ICP备14018707号-48</a> - 联系邮箱：1465333496@qq.com </div> </div> </div> </footer> </div> <div id="back-top" style="display: none;"> <a href="#top" title="返回顶部"><span class="genericon genericon-collapse"></span></a> </div> <script>(function ($) { $(document).ready(function () { "use strict"; $('#primary-menu').slicknav({ prependTo: '#slick-mobile-menu', allowParentLinks: true, label: '导航' }); }); })(jQuery);</script> <script defer="" src="/themes/simpleboot3/static/js/autoptimize.js"></script> </body> </html>