在Firefox中填充左边的怪癖

Question

http://jsfiddle.net/hERrX/

input{
    padding:1%;
}
input#checking{
    padding-left:40px;
}

请检查FIREFOX中的上述链接并帮助我解决问题。它似乎在Chrome中运行良好。即使它具有更高的优先级，padding-left似乎也不起作用。

Answer 1

如果您不使用%长度，则可以使用

http://jsfiddle.net/hERrX/15/

input{
    padding: 5px;
}
input#checking{
    padding-left: 40px
}

我不知道为什么它不适用于% ..

我在这里找到了一个现有的错误报告：https://bugzilla.mozilla.org/show_bug.cgi?id=527459

Answer 2

这与问题#1446832类似，Firefox似乎在百分比填充方面效果不佳。

通用padding: 1%与特定的左边距padding-left: 40px冲突。在jsfiddle.net中，我通过用padding: 0 0 0 40px替换后者来修复它。

Answer 3

您可以改用text-indent: 40px。这适用于Firefox