IE 8 mueve el texto del botón de entrada al hacer clic

<input type="button" value="Button" />

IE sangra el texto una y otra vez por 1px cuando se hace clic en el botón de forma predeterminada. ¿Hay alguna manera de detener esto con solo CSS?IE 8 mueve el texto del botón de entrada al hacer clic

También estoy agregando mis propios estilos a este botón, y todo va bien hasta que haga clic en el texto en el botón ... IE parece ignorar el: estado activo definido en mi hoja de estilos. Pero si hago clic en el botón y no en el texto, IE realiza el: estado activo. Por supuesto, el tema del movimiento de texto todavía está presente sin importar lo que haga.

¿Alguna idea?

Fuente

2012-02-22 Deckard

Estoy buscando una forma de desactivar el desplazamiento automático del texto del botón al hacer clic también en un elemento de entrada; ¿Ya has encontrado una solución? – Maestro13

Si usa una etiqueta A con estilo, se soluciona completamente este problema de estado "presionado". Usando display:block y algo de CSS, puede diseñar la etiqueta A para que se vea exactamente como cualquier botón.

Fuente

2012-02-22 14:37:42

Sé esto. Pero, ¿hay alguna manera de arreglar el botón de entrada real? No quiero tener que cambiar todos los botones de entrada a . (Esto es para una serie de aplicaciones que usan una hoja de estilo común, por lo que habría mucho que cambiar). – Deckard

No sé qué versión de Internet Explorer que está utilizando, pero trata de Button background shift Además, la salida Remove 3D push effect on button, específicamente la respuesta de allicarn, que cambia el relleno del elemento en activo. Solo recuerde poner css en casos específicos de IE, como un bloque IF.

Fuente

2012-07-04 06:53:59 Mike

De acuerdo, tuve el mismo problema y descubrí una solución que funciona para todos los navegadores.

Tenía dos botones de formulario que cambié bordes, familia de fuentes y tamaños, y relleno. Cuando los hacía clic en IE, saltaban porque IE es estúpido en mi opinión. Todos los otros navegadores parecido al estilo de los botones correctamente y no tienen un problema de visualización con los botones de movimiento cuando el usuario hace clic en ellos ..

La solución que encontré fue:

estilo de los botones de formulario de manera que cada uno de ellos tienen un margen igual y aplicar una división de envoltura con una posición o margen que se compensará a su gusto.

#myButton { 
     font-family: Times New Roman; 
     font-size: 16pt; 
     border: 2px solid #f7f6f4; 
     margin: 20px; 
     padding:15px; 
    } 



    <div style="float:right;margin-right:75px;"> 
     <input type="submit" name="myButton" id="myButton" value="Don't Jump!" /> 
    </div>

Fuente

2013-03-07 10:03:20

IE no es estúpido en su opinión, es un hecho ... ~ risita ~ – VoidKing

IE 8 mueve el texto del botón de entrada al hacer clic

Respuesta

Cuestiones relacionadas