textarea 在浏览器中固定大小和禁止拖动的实现方法
作者:jingxian 时间:2024-04-19 10:17:41
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,禁止,拖动
0
投稿
猜你喜欢
python实现Adapter模式实例代码
2021-10-20 00:43:02
详解Go多协程并发环境下的错误处理
2024-02-15 21:11:59
Python中不同图表的数据可视化的实现
2021-02-08 00:58:54
photoshop快捷键大全及使用技巧
2007-10-26 07:40:00
pytorch之torchvision.transforms图像变换实例
2021-05-19 05:44:05
JS获取select的value和text值的简单实例
2024-04-19 09:50:11
有效的提高编程技能的12个方法
2023-07-15 09:11:40
OpenCV使用KNN完成OCR手写体识别
2022-02-17 12:16:21
淘宝网获亚洲最佳在线客户体验大奖
2009-03-31 12:55:00
使用python实现kmean算法
2022-09-17 13:07:22
flask-restful使用总结
2023-02-10 13:24:21
sql server中错误日志errorlog的深入讲解
2024-01-23 11:57:58
Python使用matplotlib的pie函数绘制饼状图功能示例
2022-09-27 23:58:58
内容添加asp.net
2024-06-05 09:27:29
js 模拟实现类似c#下的hashtable的简单功能代码
2024-04-19 09:44:51
SQL Server数据库分离和附加数据库的操作步骤
2024-01-27 19:59:23
tensorflow可视化Keras框架中Tensorboard使用示例
2023-08-09 01:39:27
python 正则表达式贪婪模式与非贪婪模式原理、用法实例分析
2022-07-08 06:45:02
SQL语句删除2条重复数据一条保留一条
2012-07-11 15:51:44
解决给dom元素绑定click等事件无效问题的方法
2024-04-16 10:36:42