textarea 在浏览器中固定大小和禁止拖动

本文介绍如何使用CSS精确控制HTML中Textarea元素的尺寸,包括宽度、高度及其最大限制,并介绍了如何设置Textarea的滚动条及禁止尺寸调整。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一般情况下textarea 的宽和高是用属性cols 和rows来设置的,如果想要更好的控制的话,就得用CSS来控制,

textarea{ width:600px;//初始宽度 max-width:750px;//最大宽度 height:60px;//初始高度 max-height:100px;//最大高度

overflow-y:auto;//让滚动条自适应,保证兼容性 }

如果禁止所有方向的拉动也可以使用属性resize: none;来控制。
resize属性值:both(表示横向纵向均可拉动)horizontal(表示只有横向可以拉动)vertical(表示只有纵向才可以拉动)none(禁止拉动)
PS:最好不要用百分比来设置textarea宽度~~~~
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值