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

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

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

谢谢您的帮助。

最佳答案

解释@sydonia所说的话:

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

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

关于css - Firefox的select元素使text-indent值加倍,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/28108434/

10-12 13:11