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

前端之家收集整理的这篇文章主要介绍了textarea 在浏览器中固定大小和禁止拖动的实现方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

HTML 标签 textarea 在大部分浏览器中只要指定行(rows)和列(cols)属性,就可以规定 textarea的尺寸,大小就不会改变,不过更好的办法是使用 CSS 的 height 和 width属性,但是Chrome,Safari和FireFox渲染的效果不同,可以拖动右下角图标改变大小。但是过分拖动大小会影响页面布局,使页面变得不美观。

可以通过添加如下两个样式禁用拖动,固定大小:

1:彻底禁用拖动(推荐)

2:只是固定大小,右下角的拖动图标仍在

height: 100px;

max-width: 200px;

max-height: 100px;

3:浏览器信息:

以上这篇textarea 在浏览器中固定大小和禁止拖动的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

猜你在找的JavaScript相关文章