Chrome Safari FireFox 浏览器中禁止Textarea 拖动且固定大小

付费节点推荐


免费节点


节点使用教程


HTML 标签 textarea 在大部分浏览器中只要指定行(rows)和列(cols)属性,就可以规定 textarea 的尺寸,大小就不会改变,不过更好的办法是使用 CSS 的
height 和 width
属性,但是Chrome,Safari和FireFox渲染的效果不同,可以拖动右下角图标改变大小。但是过分拖动大小会影响页面布局,使页面变得不美
观。

可以通过添加如下两个样式禁用拖动,固定大小:

一、彻底禁用拖动(推荐)

#noScroll{resize:none;}

二、只是固定大小,右下角的拖动图标仍在

   
width: 200px;

   
height: 100px;

   
min-width: 200px;

   
min-height: 100px;

   
max-width: 200px;

   
max-height: 100px;

该文章由WP-AutoPost插件自动采集发布

原文地址:http://www.jiangweishan.com/article/Textarea-scroll.html

未经允许不得转载:Bcoder资源网 » Chrome Safari FireFox 浏览器中禁止Textarea 拖动且固定大小

相关推荐

更多优质资源关注微信公众号: bcoder

bcoder
赞 (0)
分享到:更多 ()

评论 0

评论前必须登录!

登陆 注册