码迷,mamicode.com
首页 > 其他好文 > 详细

texarea禁止拖动

时间:2017-10-19 12:30:08      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:textarea   color   通过   log   chrome   like   部分   页面   文本   

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

1:彻底禁用拖动(推荐)

resize: none;

 

 

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

width:100px;
height:200px;
max-width:100px;
max-height:200px;

 

 

3:浏览器信息:

Mozilla/5.0 (Windows NT 5.1) AppleWebKit/535.1 (KHTML, like Gecko) Chrome/13.0.782.218 Safari/535.1
4:例子
<textarea style="resize: none;width: 300px;height: 300px;">
    输入文本
</textarea>

 

texarea禁止拖动

标签:textarea   color   通过   log   chrome   like   部分   页面   文本   

原文地址:http://www.cnblogs.com/yingleiming/p/7691373.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!