textarea 在浏览器中固定大小和禁止拖动的实现方法
更新时间：2016年12月03日 16:00:04 投稿：jingxian
下面小编就为大家带来一篇textarea 在浏览器中固定大小和禁止拖动的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，祝大家游戏愉快哦
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
以上这篇textarea 在浏览器中固定大小和禁止拖动的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
jQuery插件HighCharts实现的2D对数饼图效果示例【附demo源码下载】
这篇文章主要介绍了jQuery插件HighCharts实现的2D对数饼图效果,结合实例形式分析了jQuery图形插件HighCharts绘制2D对数饼图的具体实现步骤与相关操作技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2017-03-03
这篇文章主要介绍了jQuery动态添加元素后元素注册事件失效解决，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-08-08
jQuery 获取对象 根据属性、内容匹配, 还有表单元素匹配
jQuery 练习 获取对象(3) - 根据属性、内容匹配, 还有表单元素匹配2010-05-05
今天介绍一个jQuery渐变发光效果的导航菜单，这是一个简单的通过jQuery控制opacity实现的导航菜单。2013-03-03
这篇文章主要介绍了jQuery链式操作,实例分析了jQuery基于链式操作动态改变页面元素样式的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-11-11
本篇文章主要介绍了jQuery tip提示插件的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧2017-04-04
本文给大家分享的是一则使用jQuery获得内容以及内容的属性的方法和示例，非常实用，推荐给大家。2015-02-02
这篇文章主要介绍了jQuery实现动画效果circle的方法,涉及jquery鼠标事件及页面动画操作相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
这篇文章主要介绍了jquery实现树形二级菜单实例代码，有需要的朋友可以参考一下2013-11-11
这篇文章主要介绍了jQuery表单域选择器用法,实例分析了常见的表单元素选择器的使用技巧,并给出了一个完整的实例总结,需要的朋友可以参考下2015-02-02
最新评论