Firefox select 元素加倍文本缩进值

Question

今天发现了一个奇怪的问题，貌似是Firefox 35.0的bug。当为 select 元素指定 text-indent 属性时，Firefox 似乎将像素值加倍。其他浏览器正确显示缩进。

是否有避免这种情况的解决方法？我被迫使用 text-indent 而不是 padding 来解决各种其他浏览器的不一致问题（特别是 Mac 上的 webkit）。我需要使用 text-indent 但我无法阻止该值在 Firefox 中翻倍。

这是一个显示问题的示例：http://jsfiddle.net/k92dvxte/1/

感谢您的帮助。

Answer 1

解释@sydonia 所说的内容：

您只需将此代码放在 CSS 中的 select 规则之后：

@-moz-document url-prefix() {
    select {
       text-indent: 50px;
    }
}

Firefox select element doubles text-indent value