css如何让textarea不可拖动?

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

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

示例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>

	<body>
		<textarea>普通textarea文本框</textarea><br /><br />
		<textarea style="resize:none;">禁止拖动的textarea文本框</textarea>
	</body>

</html>

效果图:

resize 属性介绍

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

语法

resize: none|both|horizontal|vertical;

属性值:

  • none:用户无法调整元素的尺寸。

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

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

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

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

更多web开发知识,请查阅 HTML中文网 !!

以上就是css如何让textarea不可拖动?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读