Chrome padding bug - PullRequest
Новая
       18

Chrome padding bug

0 голосов
/ 29 февраля 2012

Контекст

У меня есть это: 

<input type="text" placeholder="Un employé, un standard ou un numéro..." />

Со свойством CSS: padding: 4px.

Визуализация:

enter image description here

Для информации я использую Bootstrap для CSS.

Исследование

На экране Chrome просто сделайте padding-left: 4px вместо padding: 4px.

Я пробовал padding: 4px 4px 4px 4px и padding-top: 4px; padding-right: 4px; etc.

Та же проблема.

Странно, я пробовал padding-top: 4px в одиночку, и это работает. То же самое с любым padding-xxx.

Наконец я попробовал padding: 4px на input моей странице, и она работает.

Вопрос

В чем проблема?

Ответы [ 4 ]

4 голосов
/ 29 февраля 2012

Есть ли у вас значение height, установленное через CSS для вашего input? Попробуйте удалить его, если это так, и посмотрите, поможет ли это.

(комментарий скопирован для принятия ответа.)

2 голосов
/ 29 февраля 2012

Chrome применяет стили по умолчанию к большинству элементов формы. Мы противостоим этому, добавив -webkit-appearance: none; к стилю <input>.

0 голосов
/ 11 сентября 2012

У меня снова возникла эта проблема с Bootstrap, потому что у меня было <!DOCYTPE> вместо <!DOCTYPE html>.

0 голосов
/ 29 февраля 2012

Вы установили отступ или высоту элемента, пожалуйста, попробуйте увеличить / уменьшить его, или, если он не будет работать, удалите его и повторите проверку, это может помочь. Пожалуйста, попробуйте протестировать его одновременно во всех браузерах, чтобы сделать его похожим во всех браузерах.

...