0
<style type="text/css">
.field {
 background: #fff;
 border: 1px solid #ccc;
 padding: 5px 15px 5px 15px;
 color: #333;
 font-size: 11px;
 font-family: tahoma;
}
</style>

<input class="field" type="text">

Chrome - http://clip2net.com/clip/m40641/1351952468-clip-199b.png

Firefox - http://clip2net.com/clip/m40641/1351952493-clip-201b.png

Так вот, Firefox добавляет тупо 2 пикселя к height. Не пойму, как решить данную проблему?

2 ответа 2

1

Установите FireBug (плагин для FF), в хроме инструменты для разработчика установлены по-умолчанию (нажмите F12) - там можно увидеть все стили применяемые к элементу, в том числе и стандартные, которые применяет браузер.

P.S. Думаю, в вашем случае достаточно будет просто конкретно указать height в css, например height: 18px;

1

Проверьте все свойства которые браузер назначает по умолчанию. Особенно line-height проверить стоит. Если виновник он, то нужно указать явно для всех браузеров одинаковый.

1
  • @Lucky, как проверить?
    – ModaL
    3 ноя 2012 в 19:32

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.