Блог

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

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

http://jsfiddle.net/QxC2h/

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

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

http://jsfiddle.net/hpEZS/

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

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

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

     @-moz-document url-prefix() {

        input { width: 0px; }

    }
  

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