禁用textarea上的滚动

时间:2016-12-12 15:18:05

标签: javascript html css textarea

我正在尝试使textarea不可滚动但我无法找到方法 让textarea不可滚动。

我在jsfiddle

中做了一个简单的例子
Thanks in advance.

5 个答案:

答案 0 :(得分:2)

只需添加css文件:

textarea {
    resize: none;
}

或:

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

小提琴:https://jsfiddle.net/p6am6dze/2/

答案 1 :(得分:2)

试试这个:

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

style =&#34;溢出:隐藏;调整大小:无;&#34;,这有望满足您的要求。

答案 2 :(得分:1)

试试这个CSS属性:

textarea { overflow: hidden; }

答案 3 :(得分:0)

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

答案 4 :(得分:0)

根本没有调整大小,请参阅Luiz的回答。

要仅在一个方向调整大小,请使用:

textarea { resize: vertical; }

textarea { resize: horizontal; }