Заполнение левой причуды в Firefox

Question

http://jsfiddle.net/hERrX/

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

Пожалуйста, проверьте ссылку выше в FIREFOX и помогите мне с проблемой.Похоже, в Chrome работает довольно хорошо.Кажется, что отступ слева не работает, хотя он имеет более высокий приоритет.

Answer 1

Это работает, если вы не используете % длину:

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

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

Я не знаю почему это не 't работать с % ..

Я нашел существующее сообщение об ошибке здесь: https://bugzilla.mozilla.org/show_bug.cgi?id=527459

Answer 2

Вместо этого вы можете использовать text-indent: 40px.Это работает в Firefox

Answer 3

Это похоже на вопрос # 1446832 , Firefox, похоже, не слишком хорошо работает с процентными отступами.

Общий padding: 1% конфликтует с указанным левым отступом padding-left: 40px. В jsfiddle.net я исправил это, заменив последнее на padding: 0 0 0 40px.