Кнопка «Отправить» не использует заполнение, как поля ввода

0

Я пытаюсь создать форму, где элементы имеют одинаковую ширину после заполнения и поля. Элементы, которые я использовал успешно, - это <textarea>, <input type="text"> и <div> теги. Я был успешным по большей части, но элемент <input type="submit">, похоже, не использует горизонтальное дополнение так же, как это делает любой другой элемент. Я что-то упускаю?

Как я могу заставить их всех быть одинаковой шириной, не жертвуя моим дополнением?

Пример: http://jsfiddle.net/4kA8k/

Для тщательности я использую Chrome и проверил, что это происходит и в IE.

Теги:
padding

1 ответ

1
Лучший ответ

Я думаю, что следующие строки в вашем CSS могут сделать трюк, чтобы все HTML-элементы вели себя (вроде) равными:

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
  • 0
    Это было именно то, спасибо! Я никогда не сталкивался с определением размеров ящиков, так что, думаю, мне нужно кое-что почитать.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню