html - 修复 IE10 < 选择标签上的填充权

Question

我正在尝试以一种很好的方式设置选择标签的样式，并在周围添加填充。适用于所有浏览器，除了 IE。

这就是在 IE 上发生的事情（其中大多数，从版本 10 开始）：

我怎样才能修复右边的那个间隙？添加 padding-right:0 就足够了，但是针对所有 IE 浏览器的最佳方法是什么？有没有办法对问题进行特征检测，或者以通用的方式使用 CSS 修复它？

Answer 1

在你的 HTML 中试试这个：

<!--[if IE]>
  <style type="text/css">
  #yourselect {
    padding-right: 0;
  }
  </style>
<![endif]-->