99

继我上一个关于如何始终在 a 中看到滚动条的问题（将滚动条添加到 <textarea><textarea> ）之后，我现在想知道如何设置它以使 中没有滚动条<textarea>，即使文本溢出也是如此。要向下滚动，您可以使用箭头键或鼠标在文本中导航。

我怎样才能做到这一点？

4

7 回答 7

162

尝试以下，不确定哪个适用于所有浏览器或您正在使用的浏览器，但最好尝试所有：

<textarea style="overflow:auto"></textarea>

或者

<textarea style="overflow:hidden"></textarea>

...如上所述

你也可以试试加这个，我以前没用过，今天才看到贴在一个网站上：

<textarea style="resize:none"></textarea>

最后一个选项将删除调整textarea. 您可以在此处找到有关 CSSresize属性的更多信息

于 2013-10-17T11:14:27.903 回答
20

style="overflow: hidden"并且style="resize: none"是那些成功的人。

于 2014-03-20T18:19:27.160 回答
13

给例如：scroll给textarea标签一个类。并在 css 中添加此属性 -

.scroll::-webkit-scrollbar {
   display: none;
 }
<textarea class='scroll'></textarea>

它的工作原理不会错过滚动部分

于 2016-05-16T10:35:25.287 回答
10

对于 MS IE 10，您可能会发现需要执行以下操作：

-ms-overflow-style: none

请参阅以下内容：

https://msdn.microsoft.com/en-us/library/hh771902(v=vs.85).aspx

于 2015-06-23T19:31:25.593 回答
8

隐藏滚动条，但仍然可以使用 CSS 滚动

要隐藏滚动条，请使用 -webkit-，因为主流浏览器（Google Chrome、Safari 或更新版本的 Opera）都支持它。下面列出的其他浏览器还有许多其他选项：

    -webkit- (Chrome, Safari, newer versions of Opera):
    .element::-webkit-scrollbar { width: 0 !important }
    -moz- (Firefox):
    .element { overflow: -moz-scrollbars-none; }
    -ms- (Internet Explorer +10):
    .element { -ms-overflow-style: none; }

参考：https ://www.geeksforgeeks.org/hide-scroll-bar-but-while-still-being-able-to-scroll-using-css/

于 2019-12-03T07:38:01.830 回答
1

隐藏 Mozilla 的滚动条。

  overflow: -moz-hidden-unscrollable;
于 2021-01-02T11:57:49.843 回答
0

通过删除我班级的 max-height 属性，我能够摆脱文本正文上的滚动条。

于 2019-06-18T01:46:20.957 回答