当前位置：首页 > 资讯 > 技术文档

textarea 在浏览器中固定大小和禁止拖动的实现方法

时间：2020-01-30 10:09 编辑：来源：阅读：
扫一扫，手机访问

摘要：textarea 在浏览器中固定大小和禁止拖动的实现方法

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

resize: none;

[b]2：只是固定大小，右下角的拖动图标仍在 [/b]

width: 200px; 

height: 100px; 

max-width: 200px; 

max-height: 100px;

[b]3：浏览器信息： [/b]

Mozilla/5.0 (Windows NT 5.1) AppleWebKit/535.1 (KHTML, like Gecko)Chrome/13.0.782.218 Safari/535.1

以上这篇textarea 在浏览器中固定大小和禁止拖动的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程素材网。

全部评论(0)

上一篇：jquery中的常用事件bind、hover、toggle等示例介绍
下一篇：超炫的jquery仿flash导航栏特效

资讯排行榜
更多>>