Aplicación de estilo exclusivamente para Internet Explorer

En un bloque de código CSS determinado, los usuarios pueden encontrar la necesidad de aplicar estilos específicos únicamente a los navegadores Internet Explorer (IE) y ignorarlos para otros navegadores.

Personalizar la propiedad de ancho para IE 7-9

Por ejemplo, si tenemos una regla CSS que establece el ancho de una tabla al 100% , pero solo queremos que IE 7, 8 y 9 representen esta propiedad, una solución simple es utilizar consultas de medios.

Usar consultas de medios

Empleando el @media regla, podemos especificar estilos que apuntan a versiones o características específicas del navegador. Para compatibilidad con IE, podemos usar la propiedad -ms-high-contrast, que es específica de Microsoft Internet Explorer 10 o superior.

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .actual-form table {
        width: 100%;
    }
}

Explicación

Esta consulta de medios está dirigida a IE 10 y superior y aplica el ancho: estilo 100% al elemento de tabla de formulario real independientemente del alto contraste del usuario. ajustes. Esto garantiza que solo los navegadores IE dentro de las versiones especificadas cumplirán esta regla de estilo.