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

转载 2015年11月17日 20:15:39

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

相关文章推荐

textarea 在 Chrome Safari FireFox 浏览器中禁用拖动和固定大小

http://www.cnblogs.com/zhanqi/archive/2011/03/16/1986422.html

html禁止TextArea拖动

彻底禁用拖动(推荐) resize: none;

CSS实现比例固定且大小随浏览器窗变化的自适应三栏布局

1.先看一下效果 头行、脚行和中间部分的最小宽度可设,当浏览器视窗宽度大于此值时,按比例增长,中间部分划分为三栏,三栏宽度比例固定,但宽度皆不固定,随览器视窗宽度变化而变化,三栏的高度固定。 2.代...

产生一个固定大小、禁止最大化、最小化的qquickview窗口

QQuickView官方描述: The QQuickView class provides a window for displaying a Qt Quick user interface.Thi...

使用多行文本Textarea大小设置与resize属性结合使用

在此文中,我将和大家分享一下多行文本区域大小的设置和resize学习时记录的一点东西,希望对新手朋友有用。   一、不为设置宽高属(此时浏览器显示的文本框宽高属性为其默认值)   ...

【HTML5入门】HTML/Jquery中限制textarea大小及输入字符长度

限制textarea输入字符长度(转自milantgh文章)         textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到。与单行文本框text...

js实现textarea根据内容大小自适应高度

首先,我们来看看源代码: /** * 文本框根据输入内容自适应高度 * @param {HTMLElement} 输入框元素 * @param ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:textarea 在浏览器中固定大小和禁止拖动
举报原因:
原因补充:

(最多只允许输入30个字)