textarea 在浏览器中固定大小和禁止拖动
2016-04-12 15:10
253 查看
HTML 标签 textarea 在大部分浏览器中只要指定行(rows)和列(cols)属性,就可以规定 textarea 的尺寸,大小就不会改变,不过更好的办法是使用 CSS 的 height 和 width 属性,但是Chrome,Safari和FireFox渲染的效果不同,可以拖动右下角图标改变大小。但是过分拖动大小会影响页面布局,使页面变得不美观。可以通过添加如下两个样式禁用拖动,固定大小:
1:彻底禁用拖动(推荐)
resize: none;
2:只是固定大小,右下角的拖动图标仍在
width: 200px;
height: 100px;
max-width: 200px;
max-height: 100px;
3:浏览器信息:
Mozilla/5.0 (Windows NT 5.1) AppleWebKit/535.1 (KHTML, like Gecko) Chrome/13.0.782.218 Safari/535.1
1:彻底禁用拖动(推荐)
resize: none;
2:只是固定大小,右下角的拖动图标仍在
width: 200px;
height: 100px;
max-width: 200px;
max-height: 100px;
3:浏览器信息:
Mozilla/5.0 (Windows NT 5.1) AppleWebKit/535.1 (KHTML, like Gecko) Chrome/13.0.782.218 Safari/535.1
相关文章推荐
- unity ~ Invoke的使用
- chromium编译过程记录
- C++基础学生管理系统
- checksum
- 解决 nf_conntrack: table full, dropping packet 的几种思路
- linux基础命令之:last命令学习
- java中重载与重写的区别
- Java工厂设计模式
- C++ —— 使用模板元编程来进行递归运算的优化
- GLSL语言基础
- 如何限制虚拟主机可使用的CPU资源
- 重构一个运行超过10年的老项目
- Android学习之创建中间缓存文件,处理文件名重复问题
- C++ 组合数求法(小范围)
- swift版视频录制后格式转换,转载请声明
- 《程序员面试白皮书》关于链表的问题编程实践
- iOS更改状态栏颜色为白色
- Jasperreport 与Springmvc结合生成PDF web页面笔记(含解决中文问题)
- oracle——SQL复习10
- 《排序算法》选择排序