Aplicação de estilo exclusivamente para Internet Explorer

Em um determinado bloco de código CSS, os usuários podem encontrar a necessidade de aplicar estilos específicos exclusivamente para navegadores Internet Explorer (IE) e desconsiderar para outros navegadores.

Personalizando a propriedade de largura para IE 7-9

Por exemplo, se tivermos um Regra CSS que define a largura de uma tabela como 100%, mas queremos apenas que o IE 7, 8 e 9 renderize essa propriedade, uma solução simples é utilizar consultas de mídia.

Utilizando consultas de mídia.

Ao empregar a regra @media, podemos especificar estilos direcionados a versões ou recursos específicos do navegador. Para compatibilidade com o IE, podemos usar a propriedade -ms-high-contrast, que é específica do Microsoft Internet Explorer 10 ou superior.

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

Explicação

Esta consulta de mídia tem como alvo o IE 10 e superior e aplica o estilo width: 100% ao elemento da tabela de formato real, independentemente do alto contraste do usuário configurações. Isso garante que apenas os navegadores IE nas versões especificadas aderirão a esta regra de estilo.