×

Chrome Safari FireFox 浏览器中禁止Textarea 拖动且固定大小

作者:Terry2013.08.06来源:Web前端之家浏览:19173评论:0

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

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

一、彻底禁用拖动(推荐)

#noScroll{resize:none;}

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

  1.    width: 200px;

  2.    height: 100px;

  3.    min-width: 200px;

  4.    min-height: 100px;

  5.    max-width: 200px;

  6.    max-height: 100px;

您的支持是我们创作的动力!
温馨提示:本文作者系Terry ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/Textarea-scroll.html

网友评论文明上网理性发言已有0人参与

发表评论: