【问题标题】:Button tag in Internet Explorer 7Internet Explorer 7 中的按钮标记
【发布时间】:2011-07-16 14:16:09
【问题描述】:

我在我的 web 应用程序中使用标签。它们采用 css 样式。但是,问题出在 Internet Explorer 7 上,它有奇怪的按钮填充。如何删除此填充?

此处示例:http://jsfiddle.net/ty7Cg/

【问题讨论】:

    标签: css button internet-explorer-7 cross-browser


    【解决方案1】:

    有时 IE6 + 7 会忽略按钮上的填充 - 这是一个已知错误。解决方法是应用

    width:auto; overflow:visible;
    

    【讨论】:

    • 为我工作 ;) height:auto 也有帮助。
    【解决方案2】:

    这样就解决了问题:

    button.button {
        padding-left: 0;
        padding-right: 0;
        overflow: visible;
    }
    

    【讨论】:

    • 它解决了它,但请注意,在某些情况下,此修复程序会使您的文本在滚动页面时在 IE7 中消失。
    【解决方案3】:

    如果您对更可靠的解决方案感兴趣,我曾经在这里做了一个例子:http://easwee.net/css/slidingbutton/

    【讨论】:

    • 图标需要此填充。无论如何,这不是问题。问题出在按钮本身,而不是其中的元素。
    • @easwee - 该链接已过时。
    • @jbyrd - 是的,我必须清理文件 - 将代码添加到答案中。
    • 网站显示404
    猜你喜欢
    • 2012-03-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-06-26
    • 1970-01-01
    • 2013-02-11
    • 2016-03-12
    • 2020-05-01
    相关资源
    最近更新 更多