2014-02-06 4 views
0

У меня проблема с несогласованностью с входами в хром.Хромированный входной номер выпуска

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

input { 
    font-size: 100px; 
    padding: 0; 
    margin: 0; 
    height: 80px; 
    line-height: 80px; 
} 

IE и Firefox, кажется, правильно делают, но хром, кажется, добавить отступы к тексту ввода.

Fiddle показывая, что происходит здесь: http://jsfiddle.net/tomdickie/nZY8r/1/

EDIT:

Чтобы добавить немного больше ясности, к этому вот несколько скриншотов:

Firefox

enter image description here

Хром

enter image description here

Я пытаюсь заставить Chrome вести себя как Firefox (и IE).

+1

Помогает ли это? http://stackoverflow.com/questions/8981420/how-can-i-remove-the-extra-and-different-pseudo-padding-on-text-inputs-in-webki –

+0

проверить мой @ user2727841 ответ ... – user2727841

+0

Какая версия хром у вас есть ??? – user2727841

ответ

-1

попробовать это и его woring here

HTML код

<input type="text" name="uname" value="223" /> 

и CSS код

input { 
    font-size: 100px; 
    padding: 0; 
    margin: 0; 
    /*height: 80px; 
    line-height: 80px;*/ 
} 

Я тестировал этот код.

+1

"для устранения пробелов выше и ниже текста". Псевдопокрытие все еще остается –

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