禁用文本区域滚动

Question

我正在尝试使文本区域不可滚动，但我找不到方法 使文本区域不可滚动。

我在jsfiddle

中做了一个简单的例子

Thanks in advance.

Answer 1

只需在 css 文件中添加：

textarea {
    resize: none;
}

或：

<textarea rows="10" cols="45" placeholder="Animatie:" name="description" style="resize: none"></textarea>

Fiddle: https://jsfiddle.net/p6am6dze/2/

Answer 2

<style>
textarea {
resize: none;
}
</style>

Answer 3

对于完全不调整大小，请参阅 Luiz 的回答。

要仅在一个方向上调整大小，请使用：

textarea { resize: vertical; }

textarea { resize: horizontal; }

Answer 4

试试这个：

<textarea rows="10" cols="45" style="overflow:hidden;resize:none;"  placeholder="Animatie:" name="description" ></textarea>

style="overflow:hidden;resize:none;"，希望能满足您的要求。

Answer 5

我知道我来晚了，但我有一个解决方案，以防您只想删除滚动条但保持调整大小 属性。你这样做：

textarea::-webkit-scrollbar {
   dipsplay: none;
}

并且滚动条不会显示。调整大小似乎仍然对我显示 直到 文本内容需要滚动。

textarea {
width: 50%;
height: 70px;
resize: vertical;
}
textarea::-webkit-scrollbar {
 display:none;
 }

<p>Add as much text as you want</p>
<textarea></textarea>

注意：您仍然可以滚动，只是不显示滚动条。