Hack de CSS para navegadores IE10, IE11 e webkit

Recentemente, tive um problema com o IE estar alguns pixels fora do Chrome e outros navegadores webkit. Queria apenas observar as correções.

Claro, devo começar dizendo que a segmentação específica do navegador deve ser evitada em vez de identificar e corrigir os problemas subjacentes,

No entanto, no exemplo, descobri que o IE11 teve um problema em renderizar a altura e a largura de um elemento ao aplicar o raio da borda, então tive que usar uma solução alternativa.

IE10 + hack

 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
/* IE10+ specific styles go here */
}

hackear apenas navegador webkit

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* webkit specific styles go here */
}

Para o IE9 apenas hacks … boa sorte 🙂 Não tive sorte com isso.