【问题标题】:on IE 11 Input browse button is not coming with space as in IE8在 IE 11 上,输入浏览按钮不像 IE8 那样带有空格
【发布时间】:2014-09-03 09:20:30
【问题描述】:

IE11 上的输入浏览按钮应与 IE8 中的空格一样。

请参阅下面的图片,以便您对我的问题有一个清晰的了解。

在IE11上,它是这样来的,我的意思是这是错误的。

在 IE8 上,它是这样来的,我的意思是这是对的。

所以,我需要在 IE 11 中带有空格的相同按钮,有帮助吗?

【问题讨论】:

    标签: html css internet-explorer internet-explorer-8


    【解决方案1】:

    每个浏览器都使用自己的 <input type="file"/> 样式,通常最好接受它并使用默认值,因为没有符合标准的解决方案来设置上传按钮的样式(目前)。

    但是,如果您坚持要添加空格,您可以使用非标准的::-ms-browse 选择器来定位最新IE 上的浏览​​按钮。

    例如:

    ::-ms-browse {
        margin-left: 5px;
    }
    

    (您可以使用::-ms-value 设置输入字段部分的样式。)

    请看这个问题:How to remove default file input style on IE10?

    【讨论】:

      【解决方案2】:

      您无法使用条件 cmets 在 IE10 和更高版本中实现更改,因为它们在 10 和 11 中已被删除。

      新的解决方法是使用 css 中的媒体查询:

      用途:

      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        input (or whatever your selector is) {
            /* your css here */
        }
      }
      

      有关 IE10 及更高版本的 css-hack 的更多信息:http://www.impressivewebs.com/ie10-css-hacks/

      【讨论】:

      • 你为什么假设 OP 使用条件 cmets?问题中没有提到。
      • @jfrej:OP 不是,但本杰明的另一个答案是使用这些。
      • 此解决方法会影响 IE10 和 IE11。所以它可能不是最好的选择,但我认为这是存档他想要的最简单的方法,因为两个浏览器都显示错误(几周前有同样的问题)。
      【解决方案3】:

      它是默认浏览器属性,所以我们不能这样做

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2014-02-08
        • 1970-01-01
        • 2011-01-20
        • 1970-01-01
        • 2017-06-13
        • 1970-01-01
        • 1970-01-01
        • 2016-02-25
        相关资源
        最近更新 更多