IE6およびIE7 XHTMLの厳密な入力フォームコントロールには大量のパディングがあります
-
06-07-2019 - |
質問
Webページで送信コントロールを使用しています
<input type="submit" name="BtnSearch" value="Search" id="btnSearch" title="Search" />
CSSをオフにしても、ボタンのテキストの開始前と終了後に大きなギャップが生じます。私のボタンも私が望むよりも大きいです。 IE6および7でボタンをスタイル設定して、ボタンをよりコンパクトにする方法はありますか?
解決
オーバーフローを可視に設定:
input {
overflow: visible;
}
次に、パディングを任意の値に設定します。
ほとんどのブラウザ固有のスタイル設定は境界線で行われます-プレーンな正方形ボタンが必要な場合は、border-widthを0に設定します。
他のヒント
次のようにスタイルを設定できます:
input [type="submit"] {
padding: 0;
border: 0;
}
または単にボタンにクラスを追加し、そのクラスのスタイルルールを追加します。
所属していません StackOverflow