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 相关文章推荐
ExtJS4中使用mixins实现多继承示例
Dec 03 Javascript
js加入收藏以及使用Jquery更改透明度
Jan 26 Javascript
js与运算符和或运算符的妙用
Feb 14 Javascript
jQuery.holdReady()使用方法
May 20 Javascript
AngularJS入门教程之MVC架构实例分析
Nov 01 Javascript
vue-cli实现多页面多路由的示例代码
Jan 30 Javascript
vue弹窗消息组件的使用方法
Sep 24 Javascript
浅谈vue项目如何打包扔向服务器
May 08 Javascript
VuePress 快速踩坑小结
Feb 14 Javascript
详解vue-cli+es6引入es5写的js(两种方法)
Apr 19 Javascript
解决layui-open关闭自身窗口的问题
Sep 10 Javascript
基于js实现的图片拖拽排序源码实例
Nov 04 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
YB217、YB235、YB400浅听
2021/03/02 无线电
PHP daddslashes 使用方法介绍
2012/10/26 PHP
smarty基础之拼接字符串的详解
2013/06/18 PHP
php对二维数组按指定键值key排序示例代码
2013/11/26 PHP
php微信开发之关键词回复功能
2018/06/13 PHP
VSCode+PHPstudy配置PHP开发环境的步骤详解
2020/08/20 PHP
JQuery CSS样式控制 学习笔记
2009/07/23 Javascript
WEB 浏览器兼容 推荐收藏
2010/05/14 Javascript
如何判断鼠标是否在DIV的区域内
2013/11/13 Javascript
Node.js实现批量去除BOM文件头
2014/12/20 Javascript
js确认框confirm()用法实例详解
2016/01/07 Javascript
ionic开发中点击input时键盘自动弹出
2016/12/23 Javascript
一个可复用的vue分页组件
2017/05/15 Javascript
详解vue-cli + webpack 多页面实例配置优化方法
2017/07/13 Javascript
利用HBuilder打包前端开发webapp为apk的方法
2017/11/13 Javascript
vue中实现先请求数据再渲染dom分享
2018/03/17 Javascript
详解vue项目中如何引入全局sass/less变量、function、mixin
2018/06/02 Javascript
Vue面试题及Vue知识点整理
2018/10/07 Javascript
jQuery实现的记住帐号密码功能完整示例
2019/08/03 jQuery
浅谈Webpack4 Tree Shaking 终极优化指南
2019/11/18 Javascript
小程序实现列表展开收起效果
2020/07/29 Javascript
使用python装饰器计算函数运行时间的实例
2018/04/21 Python
Pandas之Fillna填充缺失数据的方法
2019/06/25 Python
python目标检测给图画框,bbox画到图上并保存案例
2020/03/10 Python
QML实现钟表效果
2020/06/02 Python
python操作微信自动发消息的实现(微信聊天机器人)
2020/07/14 Python
利用Python中的Xpath实现一个在线汇率转换器
2020/09/09 Python
菲律宾旅游网站:Expedia菲律宾
2017/10/11 全球购物
会计辞职信范文
2014/01/15 职场文书
工伤事故处理协议书怎么写
2014/10/15 职场文书
2015年检验员工作总结范文
2015/04/30 职场文书
运动会广播稿50字
2015/08/19 职场文书
保险公司岗前培训工作总结
2015/10/24 职场文书
六年级情感作文之500字
2019/10/23 职场文书
pytorch Dropout过拟合的操作
2021/05/27 Python
MySQL日期时间函数知识汇总
2022/03/17 MySQL