textarea元素IE6/7/8/9/10中默认有上下滚动条

zhouyrt

浏览: 1162675 次
性别:
来自: 北京

最近访客更多访客>>

a612986

tweenkin

zymdev

小白到此一游

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Brower compatibility

IE下有上下滚动条。其它浏览器没有。先看一个示例

<!DOCTYPE HTML>
<HTML>
	<HEAD>
		<meta charset="utf-8" />
		<title>textarea</title>
	</HEAD>
	<BODY>
		<textarea></textarea>
	</BODY>
</HTML>

textarea没有添加任何样式，IE6/7/8/9/10下如下

圈住部分可以看到出现了上下滚动条。其它浏览器则没有。在看看overflow的值，

<!DOCTYPE HTML>
<HTML>
	<HEAD>
		<meta charset="utf-8" />
		<title>textarea</title>
	</HEAD>

	<BODY>
		<textarea></textarea>
		<script>
			function getStyleProperty(el, name) {
				var cssStyleDeclaration, val;
				if(window.getComputedStyle) {
					cssStyleDeclaration = window.getComputedStyle(el, null);
				}else{
					cssStyleDeclaration = el.currentStyle;
				}
				return cssStyleDeclaration.getPropertyValue(name);
			}
			var area = document.getElementsByTagName('textarea')[0];
			var overflowVal = getStyleProperty(area, 'overflow');
			alert(overflowVal);
		</script>
	</BODY>
</HTML>

IE6/7/8/9/10 中弹出的是scroll，其它浏览器则不是。 IE的处理让人很费解，textarea中尚未输入内容就出现了滚动条。如果想去掉，只需设置overflow:auto。

查看图片附件

1
顶

1
踩

分享到：

设置元素浮动的几种方式 | 各情景下元素宽高的获取

2011-11-10 11:19
浏览 1691
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

textarea元素IE6/7/8/9/10中默认有上下滚动条

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

textarea元素IE6/7/8/9/10中默认有上下滚动条

评论

发表评论

相关推荐

仅Firefox中A元素包含Select时点击Select不能选择option

IE11的API变化

Button未设type属性时在非IE6/7中具有submit特性

光标从编辑器移入本页面中的其它输入域后，IE中每次只在编辑器首部插入内容

仅IE6/7不支持字符串属性/索引读取

IE9/Firefox/Safari/Chrome/Opera支持模拟触发自定义DOM事件

各浏览器中innerHTML实现差异（2）

各浏览器中innerHTML实现差异（1）

xhrhttprequest部分浏览器中不支持put/delete

仅IE6/7浏览器SPAN元素包含块级元素会使SPAN的背景色显示

设置iframe为可编辑状态后敲回车在各浏览器中输出的innerHTML不同

设置iframe的document.designMode后仅Firefox中其body.innerHTML为br

各浏览器中for in顺序的差异

IE6/7不支持hashchange事件

设置元素浮动的几种方式

各情景下元素宽高的获取

元素未显示设置width/height时IE中无法使用currentStyle获取（默认为auto）

各浏览器中使用getAttribute获取checkbox/radio的checked值不同

IE6/7不支持setAttribute设置style / 不支持getAttribute获取style属性值

各浏览器对click方法的支持差异

最近访客更多访客>>