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

首页 | 新闻 | 交流 | 问吧 | 文档 | 手册 | 下载 | 博客

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

作者:  时间: 2011-06-14

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

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

resize: none;

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

width: 200px;
height: 100px;
max-width: 200px;
max-height: 100px;

3:浏览器信息:

Mozilla/5.0 (Windows NT 6.1) AppleWebKit/534.30 (KHTML, like Gecko) Chrome/12.0.742.91 Safari/534.30

效果预览:

<textarea style="margin-top: 0px; margin-right: 15px; margin-bottom: 15px; margin-left: 0px; width: 200px; height: 100px; overflow-x: hidden; overflow-y: hidden; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; ">可以拖动</textarea>

作者: 留痕 发表于 2011-06-14 14:11 原文链接

评论: 0 查看评论 发表评论


最新新闻:
· 蓝汛启动千万美元股票回购计划 任命新CFO(2011-06-14 13:51)
· 奇艺奇谈与人人百度帐号打通 推iPhone客户端(2011-06-14 13:39)
· Google TV 1.0 : 内容和应用并不是想象的那么糟(2011-06-14 13:34)
· 不同的云端(2011-06-14 13:31)
· 联想将在美推Android、Windows平板电脑(2011-06-14 13:17)

编辑推荐:自己动手开发编译器(五)miniSharp语言的词法分析器

网站导航:博客园首页  我的园子  新闻  闪存  小组  博问  知识库