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


Posted in Javascript onDecember 03, 2016

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 在浏览器中固定大小和禁止拖动的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
extjs ColumnChart设置不同的颜色实现代码
May 17 Javascript
JavaScript的递归之递归与循环示例介绍
Aug 05 Javascript
css配合jquery美化 select
Nov 29 Javascript
jquery中EasyUI实现异步树
Mar 01 Javascript
js实现时间显示几天前、几小时前或者几分钟前的方法集锦
May 29 Javascript
jQuery实现查找最近父节点的方法
Jun 23 Javascript
基于bootstrap的文件上传控件bootstrap fileinput
Dec 23 Javascript
Vue插件写、用详解(附demo)
Mar 20 Javascript
JS闭包用法实例分析
Mar 27 Javascript
node通过express搭建自己的服务器
Sep 30 Javascript
vue-cli 引入、配置axios的方法
May 08 Javascript
详解VSCode配置启动Vue项目
May 14 Javascript
浅谈jQuery hover(over, out)事件函数
Dec 03 #Javascript
jquery 多个radio的click事件实例
Dec 03 #Javascript
jquery点击展示与隐藏更多内容
Dec 03 #Javascript
Javascript 实现放大镜效果实例详解
Dec 03 #Javascript
bootstrap模态框垂直居中效果
Dec 03 #Javascript
JS制作类似选项卡切换的年历
Dec 03 #Javascript
JS键盘版计算器的制作方法
Dec 03 #Javascript
You might like
jquery中加载图片自适应大小主要实现代码
2013/08/23 Javascript
基于jquery的simpleValidate简易验证插件
2014/01/31 Javascript
jquery实现人性化的有选择性禁用鼠标右键
2014/06/30 Javascript
加载列表时jquery获取ul中第一个li的属性
2014/11/02 Javascript
js自定义select下拉框美化特效
2016/05/12 Javascript
bootstrap下拉列表与输入框组结合的样式调整
2016/10/08 Javascript
JS中from 表单序列化提交的代码
2017/01/20 Javascript
javascript 缓冲运动框架的实现
2017/09/29 Javascript
javascript中一些奇葩的日期换算方法总结
2018/11/14 Javascript
JavaScript变量作用域及内存问题实例分析
2019/06/10 Javascript
jQuery Raty星级评分插件使用方法实例分析
2019/11/25 jQuery
javascript 设计模式之享元模式原理与应用详解
2020/04/08 Javascript
小程序自定义弹框效果
2020/11/16 Javascript
[02:09]2018DOTA2亚洲邀请赛TNC赛前采访
2018/04/04 DOTA
python在windows下实现ping操作并接收返回信息的方法
2015/03/20 Python
Python实现的飞速中文网小说下载脚本
2015/04/23 Python
详解Python编程中time模块的使用
2015/11/20 Python
Python 实现随机数详解及实例代码
2017/04/15 Python
Python+tkinter使用40行代码实现计算器功能
2018/01/30 Python
Python开发最牛逼的IDE——pycharm
2018/08/01 Python
python3 json数据格式的转换(dumps/loads的使用、dict to str/str to dict、json字符串/字典的相互转换)
2019/04/01 Python
Python Django切换MySQL数据库实例详解
2019/07/16 Python
django中的图片验证码功能
2019/09/18 Python
Python实现UDP程序通信过程图解
2020/05/15 Python
CSS3贝塞尔曲线示例:创建链接悬停动画效果
2020/11/19 HTML / CSS
Bally巴利中国官网:经典瑞士鞋履、手袋及配饰奢侈品牌
2018/10/09 全球购物
Dower & Hall官网:英国小众轻奢珠宝品牌
2019/01/31 全球购物
外贸公司实习自我鉴定
2013/09/24 职场文书
教师应聘个人求职信
2013/12/10 职场文书
小学教师师德反思
2014/02/03 职场文书
理工大学毕业生自荐信范文
2014/02/22 职场文书
幼儿园师德演讲稿
2014/05/06 职场文书
营销团队口号
2014/06/06 职场文书
创先争优演讲稿
2014/09/15 职场文书
Nginx配置SSL证书出错解决方案
2021/03/31 Servers
52条SQL语句教你性能优化
2021/05/25 MySQL