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大小设置与resize属性结合使用

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

如何禁止双击标题栏不改变窗口的大小和拖动标题栏窗口不移动的问题

做项目中遇到了这两个问题,主要是对非客户区的处理,现在把做法写出来, 第一个问题:只要禁止了非客户区的双击消息即可实现 (1)添加WM_NCLBUTTONDBLCLK事件处理函数 (2)...
  • monaso
  • monaso
  • 2016年08月03日 14:28
  • 631

jQuery EasyUI window拖动超出浏览器边界问题修正

jQuery EasyUI window拖动超出浏览器边界问题修正 在ouMove中添加相应代码,当超出范围时窗口保持在浏览器边缘不再移动。 实际使用的时候,窗口可能会被拖拽到浏览器窗口以...
  • liu942626
  • liu942626
  • 2016年07月27日 18:32
  • 2018

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

QQuickView官方描述: The QQuickView class provides a window for displaying a Qt Quick user interface.Thi...
  • wangshubo1989
  • wangshubo1989
  • 2016年05月24日 23:28
  • 10145

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

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

浏览器对 TEXTAREA 元素的换行处理存在差异, wapr='hard'

原网址:http://w3help.org/zh-cn/causes/HF1014 HF1014: 各浏览器对 TEXTAREA 元素的换行处理存在差异 标准参考 •问题描述 •造成的...
  • tarenahuangdw
  • tarenahuangdw
  • 2014年04月02日 11:24
  • 882

iPhone 禁止 Safari 页面上下拖动反弹

原文: http://www.cnblogs.com/kevoin/p/5477914.html iPhone 禁止 Safari 页面上下拖动反弹 解决方法:       手机端设置:   ...
  • u010067685
  • u010067685
  • 2016年08月22日 18:33
  • 3057

VC禁止或允许拖拽改变窗口尺寸

1 使用MFC:PreCreateWindow中添加:   固定大小:cs.style=WS_OVERLAPPED   |   WS_SYSMENU   |WS_MINIMIZEBOX   ;  ...
  • sha_jinhao
  • sha_jinhao
  • 2013年01月17日 09:01
  • 13259

更强大的textarea高度自适应

最近自己写了一个关于textarea高度自适应的jquery插件,说明文档可点击查看此处:http://www.fxss5201.cn/project/html/textarea/autoHeight...
  • fxss5201
  • fxss5201
  • 2017年03月18日 19:59
  • 6975

textarea 输入到底部,被ios键盘挡住

focus 和 blur的时候,设置textarea的height不同的值,focus的时候设置height在上半部50%之上。发现可以解决这个问题 class="input-content"...
  • zgpeterliu
  • zgpeterliu
  • 2017年12月14日 19:24
  • 138
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:textarea 在浏览器中固定大小和禁止拖动
举报原因:
原因补充:

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