CSS 基础学习-22５ css使用resize属性可防止调整textareas的大小

由 hrs, 3 九月, 2023

实例代码：

<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
		textarea{
				width:600px;
				height:200px;
				border-radius:8px;
				font-size:16px;
				border:2px solid #ccc;
				box-sizing:border-box;  /*设置为１００％包含内边距*/
				padding:12px;	
				background-color:#f1f1f1;
				resize:none; /* 禁止输入框可移动大小*/
		}	

		</style>
	</head>
	<body>
		<p><span>提示：</span>使用resize属性可防止调整textareas的大小（禁用右下角的“抓取器”）</p>
		<form>
		<textarea>Some text...</textarea>
		</form>
	</body>

</html>

运行效果：

标签

评论