Как растянуть кнопку отправки формы с помощью CSS?

Question

как мне растянуть кнопку отправки формы с помощью CSS?Я хотел бы иметь некоторый горизонтальный отступ между текстом внутри кнопки и кнопкой слева и справа.Возможно ли это, и если да, то как?

Советы по повышению привлекательности кнопки (без использования изображений) также приветствуются: -).

Answer 1

Увеличение width кнопки.

<input type="submit" class="btn" />

CSS:

.btn{
  width:250px; /* adjust value */
}

Answer 2

Вы можете стилизовать его как любой другой элемент HTML, например, дать ему display:block и width:100%.

Answer 3

CSS:

input[type="submit"] {width: 100%;} /* to stretch all submit buttons to full page width, or use width: 300px; as Sarfraz suggested. */

не работает в IE6 , потому что он не читает селектор типа = "submit", , но работает в IE7/ 8 и все остальные браузеры.