zoukankan      html  css  js  c++  java
  • 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。

  • 相关阅读:
    MySQL 一般模糊查询的几种用法
    MySQL插入中文数据报错
    BeanUtils.populate 的作用
    分分钟搞定 JSP 技术
    margin-top相对谁的问题
    常用汉字的Unicode码表
    从InputStream到String_写成函数
    Http请求和响应应用
    发布mvc报错:403.14-Forbidden Web 服务器被配置为不列出此目录的内容
    导出到excel
  • 原文地址:https://www.cnblogs.com/sprine/p/4475398.html
Copyright © 2011-2022 走看看