textarea禁止可调节大小及取消默认样式

textarea在火狐或谷歌浏览器中会有个下三角(IE中没有,不存在此问题),用于方便客户调节文本框大小,但在某些应用功能里并不需要用户调节大小,开发人员只需要在开发时通过css属性resize来实现即可

文本框默认有边框样式(选中也有),解决默认边框使用border属性,解决选中时边框使用outline属性取消默认样式

下面为代码及效果图

CSS代码:

textarea {
  resize: none;
  border: none;
  outline: none
}

可以调整大小的textarea↓

不可调整大小的textarea↓

关闭默认样式的textarea↓

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值