2013-07-15 4 views
3

У меня есть три основных элемента на моей странице. Два пролета и поля ввода.Возможная ошибка ввода ввода в Firefox

Все три элемента имеют одинаковые отступы и размер шрифта, но поле ввода выше двух интервалов на один пиксель (в Firefox). Он отлично выглядит в Chrome.

Эта «ошибка» может быть из-за того, что я использую Google Web Fonts, но хочу знать, что вы, ребята, думаете об этой проблеме.

Here's the fiddle Открыть его в Chrome и Firefox и сравнить!

Я пробовал:

vertical-align: top; (middle, and bottom) 
max-height: 50px; 
line-height:; 
overflow: hidden; 

Я также попытался изменить размер шрифта на поле ввода, тогда исправляет проблему в Firefox, то проблема возникает в Chrome ... он никогда не заканчивается !

ответ

4

Может быть, вы должны использовать фиксированную высоту на элементе, а не полагаться на отступа и размера шрифта, чтобы вычислить высоту: http://jsfiddle.net/sN7aH/

#amount { 
    font-size: 18px; 
    background-color: #fcfcfd; 
    font-family:'Montserrat', sans-serif; 
    color: #bbc2cb; 
    float: left; 
    width: 312px; 
    height: 50px; 
} 

Я не вижу никаких различий здесь, используя, что и след и хром

+0

Да, мне нужно было установить максимальную высоту: 50 пикселей; для .enter-price {} – Matthew

+0

Это сработало, просто добавив атрибут 'height' – dspacejs

0

Используйте свой инспектор, чтобы узнать, какие стили по умолчанию применяют каждый браузер к элементу. Тогда вы можете переустановить соответственно.

+0

Я уже сделал это. Я использую этот инструмент все время. – Matthew

2
.enter-price { 
    max-height: 50px; 
} 

Необходим для увеличения допустимой высоты. Задача решена.

0

Было внесено изменение с последней версией Firefox. Теперь он использует те же дополнения, что и Internet Explorer 11. Я предполагаю, что это была ошибка и теперь исправлена. Но я не могу найти исправление в журнале изменений.

Но поведение, безусловно, изменилось с того, что в Firefox 26 (последняя версия, которую я перед обновлением) не было слева и справа, и имеет по умолчанию 1px с обеих сторон в Firefox 29 (как в IE11).

Может ли кто-нибудь указать ссылку на какой-то журнал изменений для этого? Спасибо!

Смежные вопросы