在IE 11上输入浏览按钮不像IE8那样带有空格

Question

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

请参阅下面的图片，以便您对我的问题有一个清晰的认识。

在IE11上，它就是这样，我的意思是错了。

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

所以，我需要在IE 11中提供相同的按钮空间，任何帮助吗？

Answer 1

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

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

例如：

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

（您可以使用::-ms-value为输入字段部分设置样式。）

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

Answer 2

您无法通过条件评论获得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-hacks的更多信息：http://www.impressivewebs.com/ie10-css-hacks/

Answer 3

它是默认的浏览器属性，因此我们无法执行此操作