转载 | textarea 在浏览器中固定大小和禁止拖动

Posted 自转不息

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了转载 | textarea 在浏览器中固定大小和禁止拖动相关的知识,希望对你有一定的参考价值。

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

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

resize: none;

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

width200px;
height100px;
max-width200px;
max-height100px;

3:浏览器信息:

Mozilla/5.0 (Windows NT 5.1) AppleWebKit/535.1 (KHTML, like Gecko) Chrome/13.0.782.218 Safari/535.1

转载:http://blog.sina.com.cn/s/blog_7a3173230100u1o8.html

以上是关于转载 | textarea 在浏览器中固定大小和禁止拖动的主要内容,如果未能解决你的问题,请参考以下文章

如何在颤动中固定背景图像的大小和位置?

即使屏幕尺寸在 Dash-plotly 中使用 python 改变,如何在导航栏中固定按钮的位置

如何使用 CSS 和 HTML 设置在任何设备中固定的文本字符的宽度

是否需要在C ++析构函数中显式销毁结构中固定大小的数组?

仅在 IE 中固定定位元素闪烁,如何解决?

jQuery 动画位置在 Firefox 中固定不准确