html - 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. */

type="submit" セレクターを読み取らないため、IE6では機能しませんが、IE7/8 および他のすべてのブラウザーでは機能します。