textarea元素IE6/7/8/9/10中默認有上下滾動條

textarea元素IE6/7/8/9/10中默認有上下滾動條

IE下有上下滾動條。其它瀏覽器沒有。先看一個示例

1 2 3 4 5 6 7 8 9 10

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

textarea沒有任何樣式，IE6/7/8/9/10下以下

圈住部分能夠看到出現了上下滾動條。其它瀏覽器則沒有。在看看overflow的值，

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

<! 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。