从textarea中删除滚动条 [英] Remove scrollbars from textarea

问题描述

跟进我之前的问题(将滚动条添加到 </a>) 关于如何始终在 <code><textarea></code> 中看到滚动条，我现在想知道如何设置它以便 <code><textarea><中没有滚动条/code>，即使文本溢出.要向下滚动，您可以使用箭头键或鼠标浏览文本.</p><p>我该怎么做?</p><div class="h2_lin"> 解决方案 </div><p>尝试以下方法，不确定哪种方法适用于所有浏览器或您正在使用的浏览器，但最好全部尝试:</p><pre><code><textarea style="overflow:auto"></textarea></code></pre><p>或</p><pre><code><textarea style="overflow:hidden"></textarea></code></pre><p>...如上所述</p><p>你也可以试试加这个，我以前没用过，今天刚在一个网站上看到:</p><pre><code><textarea style="resize:none"></textarea></code></pre><p>最后一个选项将取消调整<code>textarea</code> 大小的能力.您可以在<a href="https://developer.mozilla.org/en/docs/Web/CSS/resize">此处</a></a></a>中找到有关 CSS <code>resize</code> 属性的更多信息><p>Following up to my previous question (<a href="https://stackoverflow.com/questions/19420923/add-a-scrollbar-to-a-textarea">Add a scrollbar to a <textarea></a>) on how to always see the scrollbar in a <code><textarea></code>, I am now wondering how you would set it so that there is no scrollbar in the <code><textarea></code>, even when the text overflows. To scroll down with this, you would use the arrow keys or the mouse to navigate through the text.</p> <p>How can I do this?</p><div class="h2_lin"> 解决方案 </div><p>Try the following, not sure which will work for all browsers or the browser you are working with, but it would be best to try all:</p><pre><code><textarea style="overflow:auto"></textarea> </code></pre><p>Or</p><pre><code><textarea style="overflow:hidden"></textarea> </code></pre><p>...As suggested above</p> <p>You can also try adding this, I never used it before, just saw it posted on a site today: </p><pre><code><textarea style="resize:none"></textarea> </code></pre><p>This last option would remove the ability to resize the <code>textarea</code>. You can find more information on the CSS <code>resize</code> property <a href="https://developer.mozilla.org/en/docs/Web/CSS/resize">here</a></p> <p>这篇关于从textarea中删除滚动条的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！</p> </div> <div class="arc-body-main-more"> <span onclick="unlockarc('2735532');">查看全文</span> </div> </div> <div> </div> <div class="wwads-cn wwads-horizontal" data-id="166" style="max-width:100%;border: 4px solid #666;"></div> </div> </article> <div id="arc-ad-2" class="mb-1"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5038752844014834" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5038752844014834" data-ad-slot="3921941283"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="widget bgwhite radius-1 mb-1 shadow widget-rel"> <h5>相关文章</h5> <ul> <li> <a target="_blank" title="从textarea删除滚动条" href="/864513.html"> 从textarea删除滚动条; </a> </li> <li> <a target="_blank" title="JavaFX TextArea隐藏滚动条" href="/2146462.html"> JavaFX TextArea隐藏滚动条; </a> </li> <li> <a target="_blank" title="从iframe中删除滚动条" href="/562352.html"> 从iframe中删除滚动条; </a> </li> <li> <a target="_blank" title="从 iframe 中删除滚动条" href="/2700893.html"> 从 iframe 中删除滚动条; </a> </li> <li> <a target="_blank" title="JavaFX-如何同步TextArea滚动条和ScrollPane滚动条" href="/2146287.html"> JavaFX-如何同步TextArea滚动条和ScrollPane滚动条; </a> </li> <li> <a target="_blank" title="Javascript检测textarea中的滚动条" href="/1008478.html"> Javascript检测textarea中的滚动条; </a> </li> <li> <a target="_blank" title="从页面上删除滚动条" href="/1456605.html"> 从页面上删除滚动条; </a> </li> <li> <a target="_blank" title="如何删除滚动条-" href="/1379647.html"> 如何删除滚动条-; </a> </li> <li> <a target="_blank" title="从 QWebEngineView 或 QWebEnginePage 中删除滚动条" href="/2358343.html"> 从 QWebEngineView 或 QWebEnginePage 中删除滚动条; </a> </li> <li> <a target="_blank" title="如何在textarea之外做滚动条?" href="/1833471.html"> 如何在textarea之外做滚动条?; </a> </li> <li> <a target="_blank" title="删除滚动条，但不滚动功能" href="/561476.html"> 删除滚动条，但不滚动功能; </a> </li> <li> <a target="_blank" title="滚动条未在textarea中显示高度：30像素" href="/576671.html"> 滚动条未在textarea中显示高度：30像素; </a> </li> <li> <a target="_blank" title="jQuery / JS获取textarea的滚动条高度" href="/1013728.html"> jQuery / JS获取textarea的滚动条高度; </a> </li> <li> <a target="_blank" title="CSS - 垂直滚动条删除" href="/873803.html"> CSS - 垂直滚动条删除; </a> </li> <li> <a target="_blank" title="删除iframe水平滚动条" href="/868178.html"> 删除iframe水平滚动条; </a> </li> <li> <a target="_blank" title="删除IE的滚动条" href="/574929.html"> 删除IE的滚动条; </a> </li> <li> <a target="_blank" title="bootstrap模式删除滚动条" href="/1005914.html"> bootstrap模式删除滚动条; </a> </li> <li> <a target="_blank" title="如何删除双滚动条?" href="/1833353.html"> 如何删除双滚动条?; </a> </li> <li> <a target="_blank" title="引导模式删除滚动条" href="/2645205.html"> 引导模式删除滚动条; </a> </li> <li> <a target="_blank" title="使用滚动条滚动其他滚动条" href="/1491092.html"> 使用滚动条滚动其他滚动条; </a> </li> <li> <a target="_blank" title="IE中的Textarea滚动条与圆形边框重叠" href="/1833462.html"> IE中的Textarea滚动条与圆形边框重叠; </a> </li> <li> <a target="_blank" title="如何使用硒验证textarea中滚动条的存在." href="/1833428.html"> 如何使用硒验证textarea中滚动条的存在.; </a> </li> <li> <a target="_blank" title="删除CSS中的水平滚动条" href="/573511.html"> 删除CSS中的水平滚动条; </a> </li> <li> <a target="_blank" title="删除CSS中的水平滚动条" href="/582430.html"> 删除CSS中的水平滚动条; </a> </li> <li> <a target="_blank" title="如何删除IFrame中的滚动条" href="/1206326.html"> 如何删除IFrame中的滚动条; </a> </li> </ul> </div> <div class="mb-1"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5038752844014834" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5038752844014834" data-ad-slot="3921941283"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="side"> <div class="widget widget-side bgwhite mb-1 shadow"> <h5>前端开发最新文章</h5> <ul> <li> <a target="_blank" title="为什么Chrome（在Electron内部）突然重定向到chrome-error：// chromewebdata？" href="/1996151.html"> 为什么Chrome（在Electron内部）突然重定向到chrome-error：// chromewebdata？; </a> </li> <li> <a target="_blank" title="错误102（net :: ERR_CONNECTION_REFUSED）：服务器拒绝连接" href="/749568.html"> 错误102（net :: ERR_CONNECTION_REFUSED）：服务器拒绝连接; </a> </li> <li> <a target="_blank" title="如何解决'重定向已被CORS策略阻止：没有'Access-Control-Allow-Origin'标题'？" href="/1009885.html"> 如何解决'重定向已被CORS策略阻止：没有'Access-Control-Allow-Origin'标题'？; </a> </li> <li> <a target="_blank" title="如何处理“Uncaught（in promise）DOMException：play（）失败，因为用户没有首先与文档交互。”在桌面上使用Chrome 66？" href="/884909.html"> 如何处理“Uncaught（in promise）DOMException：play（）失败，因为用户没有首先与文档交互。”在桌面上使用Chrome 66？; </a> </li> <li> <a target="_blank" title="警告：添加非被动事件侦听器到滚动阻塞'touchstart'事件" href="/818517.html"> 警告：添加非被动事件侦听器到滚动阻塞'touchstart'事件; </a> </li> <li> <a target="_blank" title="如何在浏览器中播放.TS文件（视频/ MP2T媒体类型）？" href="/343346.html"> 如何在浏览器中播放.TS文件（视频/ MP2T媒体类型）？; </a> </li> <li> <a target="_blank" title="此请求已被阻止;内容必须通过HTTPS提供" href="/886417.html"> 此请求已被阻止;内容必须通过HTTPS提供; </a> </li> <li> <a target="_blank" title="资源解释为样式表，但转换为MIME类型text / html（似乎与web服务器无关）" href="/562873.html"> 资源解释为样式表，但转换为MIME类型text / html（似乎与web服务器无关）; </a> </li> <li> <a target="_blank" title="通过HTTPS加载页面但请求不安全的XMLHttpRequest端点" href="/885901.html"> 通过HTTPS加载页面但请求不安全的XMLHttpRequest端点; </a> </li> <li> <a target="_blank" title="拒绝从执行脚本'*'，因为它的MIME类型（“应用/ JSON'）不是可执行文件，并严格MIME类型检查被启用。" href="/47347.html"> 拒绝从执行脚本'*'，因为它的MIME类型（“应用/ JSON'）不是可执行文件，并严格MIME类型检查被启用。; </a> </li> </ul> </div> <div class="widget widget-side bgwhite mb-1 shadow"> <h5> 热门教程 </h5> <ul> <li> <a target="_blank" title="Java教程" href="/OnLineTutorial/java/index.html"> Java教程 </a> </li> <li> <a target="_blank" title="Apache ANT 教程" href="/OnLineTutorial/ant/index.html"> Apache ANT 教程 </a> </li> <li> <a target="_blank" title="Kali Linux教程" href="/OnLineTutorial/kali_linux/index.html"> Kali Linux教程 </a> </li> <li> <a target="_blank" title="JavaScript教程" href="/OnLineTutorial/javascript/index.html"> JavaScript教程 </a> </li> <li> <a target="_blank" title="JavaFx教程" href="/OnLineTutorial/javafx/index.html"> JavaFx教程 </a> </li> <li> <a target="_blank" title="MFC 教程" href="/OnLineTutorial/mfc/index.html"> MFC 教程 </a> </li> <li> <a target="_blank" title="Apache HTTP客户端教程" href="/OnLineTutorial/apache_httpclient/index.html"> Apache HTTP客户端教程 </a> </li> <li> <a target="_blank" title="Microsoft Visio 教程" href="/OnLineTutorial/microsoft_visio/index.html"> Microsoft Visio 教程 </a> </li> </ul> </div> <div class="widget widget-side bgwhite mb-1 shadow"> <h5> 热门工具 </h5> <ul> <li> <a target="_blank" title="Java 在线工具" href="/Onlinetools/details/4"> Java 在线工具 </a> </li> <li> <a target="_blank" title="C(GCC) 在线工具" href="/Onlinetools/details/6"> C(GCC) 在线工具 </a> </li> <li> <a target="_blank" title="PHP 在线工具" href="/Onlinetools/details/8"> PHP 在线工具 </a> </li> <li> <a target="_blank" title="C# 在线工具" href="/Onlinetools/details/1"> C# 在线工具 </a> </li> <li> <a target="_blank" title="Python 在线工具" href="/Onlinetools/details/5"> Python 在线工具 </a> </li> <li> <a target="_blank" title="MySQL 在线工具" href="/Onlinetools/Dbdetails/33"> MySQL 在线工具 </a> </li> <li> <a target="_blank" title="VB.NET 在线工具" href="/Onlinetools/details/2"> VB.NET 在线工具 </a> </li> <li> <a target="_blank" title="Lua 在线工具" href="/Onlinetools/details/14"> Lua 在线工具 </a> </li> <li> <a target="_blank" title="Oracle 在线工具" href="/Onlinetools/Dbdetails/35"> Oracle 在线工具 </a> </li> <li> <a target="_blank" title="C++(GCC) 在线工具" href="/Onlinetools/details/7"> C++(GCC) 在线工具 </a> </li> <li> <a target="_blank" title="Go 在线工具" href="/Onlinetools/details/20"> Go 在线工具 </a> </li> <li> <a target="_blank" title="Fortran 在线工具" href="/Onlinetools/details/45"> Fortran 在线工具 </a> </li> </ul> </div> </div> </div> <script type="text/javascript">var eskeys = '从,textarea,中,删除,滚动条'; var cat = 'cc';';//qianduan</script> </div> <div id="pop" onclick="pophide();"> <div id="pop_body" onclick="event.stopPropagation();"> <h6 class="flex flex101"> 登录 <span onclick="pophide();">关闭</span> </h6> <div class="pd-1"> <div class="wxtip center"> <span>扫码关注<em>1秒</em>登录</span> </div> <div class="center"> <img id="qr" src="https://huajiakeji.com/Content/Images/qrydx.jpg" alt="" style="width:150px;height:150px;" /> </div> <div style="margin-top:10px;display:flex;justify-content: center;"> <input type="text" placeholder="输入验证码" id="txtcode" autocomplete="off" /> <input id="btngo" type="button" onclick="chk()" value="GO" /> </div> <div class="center" style="margin: 4px; font-size: .8rem; color: #f60;"> 发送“验证码”获取 <em style="padding: 0 .5rem;">|</em> <span style="color: #01a05c;">15天全站免登陆</span> </div> <div id="chkinfo" class="tip"></div> </div> </div> </div> <script type="text/javascript" src="https://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> <script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/highlight.min.js"></script> <script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/base.js?v=0.22"></script> <script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/tui.js?v=0.11"></script> <footer class="footer"> <div class="container"> <div class="flink mb-1"> 友情链接： <a href="https://www.it1352.com/" target="_blank">IT屋</a> <a href="https://huajiakeji.com/" target="_blank">Chrome插件</a> <a href="https://www.cnplugins.com/" target="_blank">谷歌浏览器插件</a> </div> <section class="copyright-section"> <a href="https://www.it1352.com" title="IT屋-程序员软件开发技术分享社区">IT屋</a> ©2016-2022 <a href="http://www.beian.miit.gov.cn/" target="_blank">琼ICP备2021000895号-1</a> <a href="/sitemap.html" target="_blank" title="站点地图">站点地图</a> <a href="/Home/Tags" target="_blank" title="站点标签">站点标签</a> <a target="_blank" alt="sitemap" href="/sitemap.xml">SiteMap</a> <a href="/1155981.html" title="IT屋-免责申明"><免责申明></a> 本站内容来源互联网,如果侵犯您的权益请联系我们删除. </section> <!--统计代码--> <script type="text/javascript"> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?0c3a090f7b3c4ad458ac1296cb5cc779"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script type="text/javascript"> (function () { var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </div> </footer> </body> </html>