IE6およびIE7 XHTMLの厳密な入力フォームコントロールには大量のパディングがあります

Question

Webページで送信コントロールを使用しています

 <input type="submit" name="BtnSearch" value="Search" id="btnSearch" title="Search" />

CSSをオフにしても、ボタンのテキストの開始前と終了後に大きなギャップが生じます。私のボタンも私が望むよりも大きいです。 IE6および7でボタンをスタイル設定して、ボタンをよりコンパクトにする方法はありますか？

Answer 1

オーバーフローを可視に設定：

input {
    overflow: visible;
}

次に、パディングを任意の値に設定します。

ほとんどのブラウザ固有のスタイル設定は境界線で行われます-プレーンな正方形ボタンが必要な場合は、border-widthを0に設定します。

Answer 2

次のようにスタイルを設定できます：

input [type="submit"] {
    padding: 0;
    border: 0;
}

または単にボタンにクラスを追加し、そのクラスのスタイルルールを追加します。