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 在浏览器中固定大小和禁止拖动的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
select中所有option选项如何删除，本文使用jquery简单实现下，有此需求的朋友可以参考下，希望对大家有所帮助2013-08-08
这篇文章主要介绍了jQuery根据用户电脑是mac还是pc加载对应样式的方法,涉及jQuery针对客户端信息的获取及样式的调用技巧,需要的朋友可以参考下2015-06-06
这篇文章主要为大家详细介绍了jQuery实现广告条滚动效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
在很多时候，JQuery的$()函数都返回一个类似数据的JQuery对象，例如$(‘div’)将返回div里面的所有div元素包装的JQuery对象。在这种情况下，JQuery提供了几个常用的属性和方法来操作JQuery对象。本文将对此进行介绍，下面跟着小编一起来看下吧2016-12-12
jQuery实现动画效果的实例代码，需要的朋友可以参考一下2013-05-05
解析页面加载与js函数的执行 onload or ready
这篇文章主要介绍了页面加载与js函数的执行 onload or ready 需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
下面小编就为大家带来一篇jquery获取所有选中的checkbox实现代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要介绍了jQuery实现tab选项卡效果的方法,实例分析了jquery实现tab选项卡切换效果的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-07-07
这篇文章主要介绍了jQuery设置图片等比例缩小的方法,涉及jQuery针对页面元素属性动态判定与设置相关操作技巧,需要的朋友可以参考下2017-04-04
这篇文章主要介绍了jQuery 实现扁平式小清新导航，文中示例代码非常详细，帮助大家更好的理解和学习，感兴趣的朋友可以了解下2020-07-07
最新评论