html可以拉动的文本框,css如何让textarea不可拖动？

默认情况下，我们将鼠标移动到textarea的右下角时发现文本域是可以通过拖动的方式改变其大小的，这会影响我们原本的页面布局。 那么如何让textarea不可拖动？下面给大家介绍一下。

在CSS中，可以通过给textarea元素设置resize:none;样式来让textarea不可拖动，无法调整元素的尺寸。

示例：

普通textarea文本框

禁止拖动的textarea文本框

效果图：

resize 属性介绍

resize 属性规定是否可由用户调整元素的尺寸。

语法resize: none|both|horizontal|vertical;

属性值：none：用户无法调整元素的尺寸。

both：用户可调整元素的高度和宽度。

horizontal：用户可调整元素的宽度。

vertical：用户可调整元素的高度。

注释：如果希望此属性生效，需要设置元素的 overflow 属性，值可以是 auto、hidden 或 scroll。

更多web开发知识，请查阅 HTML中文网 ！！