Получение входных данных формы для выравнивания с размером HTML в Firefox

Question

У меня есть четыре поля ввода в div.Первые два для имени и фамилии, а вторые для электронной почты и пароля.У меня есть два ввода для имени и фамилии в одной строке, один ввод для электронной почты в другой и один ввод для пароля в другой.Используя размер HTML, я пытаюсь сделать так, чтобы объединенный размер ввода имени и фамилии соответствовал размеру ввода электронной почты и пароля.

Вот jsFiddle, показывающий, что я пытаюсь сделать:

http://jsfiddle.net/QxC2h/

Как видите, несмотря на наличие size="18" в имени и фамилииони все еще шире size="38" электронного письма / пароля.

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

http://jsfiddle.net/hpEZS/

В Safari и Chrome поля ввода выровнены по желанию с помощью стиля.Однако в Firefox объединенный размер имени и фамилии шире, чем размер электронного письма / пароля.

Есть ли способ исправить это в Firefox?

Answer 1

Если вы хотите добавить некоторые стили Firefox только к вашей таблице стилей

    @-moz-document url-prefix() {

        input { width: 0px; }

    }

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