Как я могу удалить лишнее и различное псевдозаполнение при вводе текста в Webkit и Gecko?

Проблема возникает только на input [type = "text"] в Webkit. Независимо от того, что я делаю, у элемента есть эквивалент дополнительного отступа: 1px 0 0 1px (только сверху и слева).

Аналогичная проблема возникает в Gecko, input [type = "text"] имеет эквивалентное дополнительное отступ: 1px 0 0 1px и input [type = "button "] имеет дополнительный отступ : 1px 0 0 0 .

Вот JSFiddle, показывающий все, что я пробовал, но ничего не работает: http://jsfiddle.net/PncMR/10/

Интересно, что когда вы устанавливаете высоту строки всех элементов на 0 ( http://jsfiddle.net/PncMR/11/ ), единственными незатронутыми элементами являются те, у которых возникли проблемы, поэтому я предполагаю, что браузер по умолчанию использует определенную высоту строки, и теперь я ищу способ ее переопределить.

Я не нашел в базовых стилях webkit ничего, что могло бы сделать это, но не стесняйтесь проверить себя:

http://trac.webkit.org/browser/trunk/Source/WebCore/css/html. css

Это не проблема moz-focus-inner , или проблема : нет , или проблема размера блока , или набросок проблемы, и я не могу найти других решений.

Изменить: см. Мой ответ ниже по проблемам с вертикальным заполнением, но я все еще ищу решение дополнительного padding-left: 1px эквивалента для ввода текста только в webkit и геккон. ( http://jsfiddle.net/PncMR/14/ )