Los controles de formulario de entrada estrictos Ie6 e Ie7 XHTML tienen un relleno masivo

Question

Estoy usando los controles de envío en mi página web

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

Incluso cuando apago CSS, obtengo un gran espacio antes del inicio y después del final del texto de mi botón. Mis botones también son más grandes de lo que quiero. ¿Hay alguna forma de diseñar botones en IE6 y 7 para hacerlos más compactos?

Answer 1

Establecer desbordamiento en visible:

input {
    overflow: visible;
}

Y luego configura el relleno a lo que quieras que sea.

La mayoría del estilo específico del navegador se realiza con el borde: establezca el ancho del borde en 0 si desea un botón cuadrado simple.

Answer 2

Podrías intentar darle un estilo así:

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

o simplemente agregue una clase a su botón y agregue reglas de estilo para esa clase.