Css Firefox select元素将文本缩进值加倍

Css Firefox select元素将文本缩进值加倍,css,firefox,Css,Firefox,今天我发现了一个奇怪的问题,它似乎是Firefox35.0中的一个bug。当为select元素指定text indent属性时,Firefox似乎将像素值加倍。其他浏览器正在正确显示缩进 是否有一个解决方法来避免这种情况?我被迫使用文本缩进而不是填充来解决各种其他浏览器不一致的问题(特别是Mac上的webkit)。我需要使用文本缩进,但我无法阻止Firefox中的值翻倍 下面是一个显示问题的示例: 谢谢你的帮助。解释@sydonia说的话: 您只需将此代码放在CSS中的select规则之后: @

今天我发现了一个奇怪的问题,它似乎是Firefox35.0中的一个bug。当为
select
元素指定
text indent
属性时,Firefox似乎将像素值加倍。其他浏览器正在正确显示缩进

是否有一个解决方法来避免这种情况?我被迫使用
文本缩进
而不是
填充
来解决各种其他浏览器不一致的问题(特别是Mac上的webkit)。我需要使用
文本缩进
,但我无法阻止Firefox中的值翻倍

下面是一个显示问题的示例:


谢谢你的帮助。

解释@sydonia说的话:

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

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

在Firefox 34.0.5上确认了错误报告的链接吗?尝试使用moz黑客,即使我看到了这个问题,Firefox中的文本缩进到50px稍微扩展了一下,在我的研究之后进一步解释:查询时的
@document
可以与
url前缀
一起使用,专门针对Firefox作为黑客。通常,当url与
url-prefix()
中定义的前缀匹配时,可以使用
@document url-prefix()
应用特定的CSS样式。这种黑客使用
@-moz文档
供应商前缀专门针对Firefox,而不是其他浏览器。将url前缀保留为空将匹配每个url@HerrSerker,是的,一个方便的解决方法。我会欢迎一个真正的解决方案来解决它!只要想想当你改变缩进值时的情况。还应记住更改FF的值。除非您使用CSS预处理器(如LESS、SASS或类似)生成计算值,否则很容易出错。