温馨提示:本文翻译自stackoverflow.com,查看原文请点击:internet explorer - how to detect IE and Edge browsers in CSS?
browser css internet-explorer microsoft-edge

internet explorer - 如何在CSS中检测IE和Edge浏览器?

发布于 2020-04-03 23:25:09

有没有检测CSS中IE和Edge浏览器的标准方法?我在javascript文件中看到了检测到的响应,但是我正在CSS中寻找一个

查看更多

提问者
AlreadyLost
被浏览
20
Claire 2019-07-26 14:43

对于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 */
}

对于Edge 12-15:

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

编辑

对于Edge 16+

@supports (-ms-ime-align:auto) {
    /* Edge 16+ CSS */ 
}