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 相关文章推荐
经典的解除许多网站无法复制文字的绝招
Dec 31 Javascript
IE浏览器兼容Firefox的JS脚本的代码
Oct 23 Javascript
JS实现动态给图片添加边框的方法
Apr 01 Javascript
在浏览器中打开或关闭JavaScript的方法
Jun 03 Javascript
javascript页面倒计时实例
Jul 25 Javascript
javascript实现的登陆遮罩效果汇总
Nov 09 Javascript
javascript常用经典算法详解
Jan 11 Javascript
详解前后端分离之VueJS前端
May 24 Javascript
快速搭建React的环境步骤详解
Nov 06 Javascript
vue中$refs的用法及作用详解
Apr 24 Javascript
Nuxt.js 数据双向绑定的实现
Feb 17 Javascript
基于vue实现图片验证码倒计时60s功能
Dec 10 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
推荐几部必看的DC动画电影
2020/03/03 欧美动漫
php简单封装了一些常用JS操作
2007/02/25 PHP
php魔术函数__call()用法实例分析
2015/02/13 PHP
Linux平台PHP5.4设置FPM线程数量的方法
2016/11/09 PHP
PHP MYSQL简易交互式站点开发
2016/12/27 PHP
PHP大文件切割上传功能实例分析
2019/07/01 PHP
jquery中的事件处理详细介绍
2013/06/24 Javascript
js触发select onchange事件的小技巧
2014/08/05 Javascript
JS实现的简单图片切换功能示例【测试可用】
2017/02/14 Javascript
vue 请求后台数据的实例代码
2017/06/22 Javascript
vue.js 上传图片实例代码
2017/06/22 Javascript
Angular17之Angular自定义指令详解
2018/01/21 Javascript
jQuery中可见性过滤器简单用法示例
2018/03/31 jQuery
vue项目中使用百度地图的方法
2018/06/08 Javascript
JavaScript中变量提升与函数提升经典实例分析
2018/07/26 Javascript
简单了解小程序+node梳理登陆流程
2019/06/24 Javascript
JavaScript使用canvas绘制随机验证码
2020/02/17 Javascript
python异常和文件处理机制详解
2016/07/19 Python
Python GUI Tkinter简单实现个性签名设计
2018/06/19 Python
Python实现的连接mssql数据库操作示例
2018/08/17 Python
详解Python基础random模块随机数的生成
2019/03/23 Python
python实现五子棋小程序
2019/06/18 Python
Python下应用opencv 实现人脸检测功能
2019/10/24 Python
python创建子类的方法分析
2019/11/28 Python
浅谈Python3多线程之间的执行顺序问题
2020/05/02 Python
Python实现一个论文下载器的过程
2021/01/18 Python
详解Python 中的 defaultdict 数据类型
2021/02/22 Python
用CSS3的box-reflect设置文字倒影效果的方法讲解
2016/03/07 HTML / CSS
详解HTML5中垂直上下居中的解决方案
2017/12/20 HTML / CSS
HTML5之消息通知的使用(Web Notification)
2018/10/30 HTML / CSS
全球知名旅游社区巴西站点:TripAdvisor巴西
2016/07/21 全球购物
网友共享的几个面试题关于Java和Unix等方面的
2016/09/08 面试题
中软国际Java程序员机试题
2012/08/19 面试题
运动会口号8字
2014/06/07 职场文书
教师政风行风自查自纠报告
2014/10/21 职场文书
岗位聘任协议书
2015/09/21 职场文书