Tamaño de casilla de verificación IE 9

Las casillas de verificación de renderización de IE9 están estiradas y TODOS los demás navegadores conservan el tamaño de la casilla de verificación pero expanden un área invisible con un clic.Tamaño de casilla de verificación IE 9

¿Se puede deshabilitar este comportamiento en IE9, a través de css, sin cambiar el comportamiento de otro navegador (área invisible)?

Esto parece ser imposible tener la casilla de verificación normal. Incluso seleccionando otro modo de compatibilidad.

Tengo Windows Vista SP2, 64bits, IE 9.0.8112.16421. Probado en 2 computadoras con aproximadamente la misma configuración.

enter image description here

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset=utf-8> 
    <title>IE IS GREAT?</title> 
    <style> 
    body 
    { 
    } 

    #test_checkbox 
    { 
     width: 300px; 
     height: 300px; 
    } 
    </style> 
    </head> 
    <body> 
    <div id="test_box"> 
     <input type="checkbox" id="test_checkbox" /> 
    </div> 
    </body> 
</html>

Fuente

2011-03-30 user457015

Ejemplo de código? ¿En qué modo de documento está su documento? (Ver las herramientas de desarrollador de F12) – EricLaw

Había configurado una página de prueba aquí: http://froyo.tv/test/index_checkbox.php – user457015

Esto parece ser imposible tener la casilla de verificación normal. Incluso seleccionando otro modo de compatibilidad. – user457015

Tal vez se puede utilizar una etiqueta? Eso le permitirá ampliar el área seleccionable:

<label for="test_checkbox" style="display: block; width: 300px; height: 300px;"> 
    <input type="checkbox" id="test_checkbox" /> 
</label>

EDIT: Ejemplo centrada:

<label for="test_checkbox" style="display: block;"> 
    <input type="checkbox" id="test_checkbox" style="margin: 150px;" /> 
</label>

Fuente

2011-03-31 12:27:02 RoToRa

IE9 está haciendo algo bien en términos de realizar lo que se le indica que haga en este caso ... pegue la casilla dentro de una etiqueta y aplique dimensiones a esa etiqueta. –

Quizás IE9 tiene razón, pero dado que todos los demás lo están haciendo de manera diferente, ¡está equivocado! – user457015

Con esta solución, la casilla de verificación no está centrada verticalmente para la altura. – user457015

Tamaño de casilla de verificación IE 9

Respuesta

Cuestiones relacionadas