zoukankan      html  css  js  c++  java
  • textarea元素IE6/7/8/9/10中默认有上下滚动条

    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。

  • 相关阅读:
    作业5.1 四则运算----封装
    作业四
    作业2 (完)
    作业3
    作业二。。
    数独
    回答自己的提问
    《一个程序猿的生命周期》读后感
    阅读13-17章
    阅读10,11,12章
  • 原文地址:https://www.cnblogs.com/snandy/p/2169911.html
Copyright © 2011-2022 走看看