У меня есть простой <input type="text"/>
стиль:
font-size:1.5em;line-height:1.5em;padding:.6em .4em;
Он отображается нормально в браузере Chrome, Safari (т.е. в браузере Webkit).
Однако мы приходим к Firefox, и это происходит:
Как вы можете видеть, Firefox решает обрезать размер шрифта на определенной высоте. Почему это происходит? Эта проблема возникает, даже если я удаляю прокладку из <input>
.
Примечание:
Это может помочь узнать, что дополнительные стили, применяемые к этому вводу, являются стилями по умолчанию, используемыми в Twitter Bootstrap v.2.0.
Здесь JSFiddle, с конкретной проблемой, которую я описываю: