如何在CSS中檢測IE和Edge瀏覽器？

Question

有沒有一種標準的方法來檢測IE瀏覽器和邊緣瀏覽器在CSS？我看到的響應在JavaScript文件檢測，但我在CSS找一個

Answer 1

對於IE 9，下，加載條件樣式：

<!--[if IE]> 
    <link rel="stylesheet" type="text/css" href="ie.css" /> 
<![endif]--> 

IE 10和最多不支持這一點，所以你要使用媒體查詢：

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { 
    /* IE10+ CSS */ 
} 

對於邊緣：

@supports (-ms-accelerator:true) { 
    /* IE Edge 12+ CSS */ 
} 

Answer 2

不知道關於ED GE，但目標即10/11您可以使用：

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { //styles }