Les contrôles de formulaire à saisie stricte Ie6 et Ie7 XHTML ont un rembourrage massif

Question

J'utilise des contrôles d'envoi dans ma page Web

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

Même lorsque je désactive CSS, il y a un grand vide avant le début et après la fin du texte de mon bouton. Mes boutons sont également plus gros que ce que je veux. Existe-t-il un moyen de styliser les boutons dans IE6 et 7 pour les rendre plus compacts?

Answer 1

Définissez le débordement sur visible:

input {
    overflow: visible;
}

Et définissez ensuite le rembourrage sur ce que vous souhaitez.

La plupart des styles spécifiques au navigateur sont définis à l'aide de la bordure - définissez la largeur de la bordure sur 0 si vous souhaitez un bouton carré pur.

Answer 2

Vous pouvez essayer de ressembler à ceci:

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

ou ajoutez simplement une classe à votre bouton et ajoutez des règles de style pour cette classe.