Estilos CSS solo para IE10+

Aunque si bien es cierto que Internet Explorer viene a ser uno de los navegadores más obsoletos, aún hay un mínimo de internautas que aún lo utilizan, ya sea porque no se desenvuelven mucho en las computadoras y por ende, no saben instalar un navegador decente... O porque simplemente les da igual.

Aplicar estilos solo para Internet Explorer

De cualquier manera, uno como diseñador web debe procurar que nuestro proyecto se vea bien en cualquier navegador y dispositivo, y es aquí donde Internet Explorer viene a tocar las narices con sus incompatibilidades. Este pequeño hack en CSS, nos será de bastante ayuda a la hora de tener algunos problemillas, a mi me ha sido útil esta tarde cuando maqutaba un diseño con flexbox. Así que, he decidido aplicar solo determinados estilos CSS para Internet Explorer y asunto arreglado.

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
    /* Estilos CSS para Internet Explorer 10 y superiores */
}

Simple y eficaz, ¿eh?

Si desean cambiar algo de las clases CSS cuando el navegador sea IE o incluso mostrar u ocultar contenido según sea el caso, solo basta con que ingresen el código CSS en la línea comentada y ya está.

Espero les sea de utilidad, saludos!

Leer más