Я пытаюсь создать форму, где элементы имеют одинаковую ширину после заполнения и поля. Элементы, которые я использовал успешно, - это <textarea>
, <input type="text">
и <div>
теги. Я был успешным по большей части, но элемент <input type="submit">
, похоже, не использует горизонтальное дополнение так же, как это делает любой другой элемент. Я что-то упускаю?
Как я могу заставить их всех быть одинаковой шириной, не жертвуя моим дополнением?
Пример: http://jsfiddle.net/4kA8k/
Для тщательности я использую Chrome и проверил, что это происходит и в IE.
Я думаю, что следующие строки в вашем CSS могут сделать трюк, чтобы все HTML-элементы вели себя (вроде) равными:
* {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}