Firefox select元素加倍text-indent值

AJR*_*ing 4 css firefox

我今天发现了一个奇怪的问题,似乎是Firefox 35.0中的一个错误.在text-indentselect元素指定属性时,Firefox似乎将像素值加倍.其他浏览器正确显示缩进.

有没有解决方法来避免这种情况?我被迫使用text-indent而不是padding解决各种其他浏览器的不一致性(特别是Mac上的webkit).我需要使用,text-indent但我无法阻止Firefox加倍的价值.

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

谢谢您的帮助.

小智 9

解释@sydonia说的话:

您只需将此代码放在CSS中的选择规则之后:

@-moz-document url-prefix() {
    select {
       text-indent: 50px;
    }
}
Run Code Online (Sandbox Code Playgroud)

  • 经过研究后,将对此做进一步扩展,并作进一步的解释:查询时的@document可以与url-prefix一起使用,以将firefox专门作为黑客。通常,当URL与`url-prefix()`中定义的前缀匹配时,@ document url-prefix()`可用于应用特定的CSS样式。该黑客使用“ @ -moz-document”供应商前缀专门针对Firefox,而不是其他浏览器。保留url前缀为空将匹配每个URL。https://developer.mozilla.org/zh-CN/docs/Web/CSS/@document (2认同)