CSS:如何检测旧边缘而不是新边缘铬?

时间:2020-05-05 14:33:54

标签: css browser microsoft-edge chromium

有没有办法在CSS中的 Edge Chromium中分别处理 Edge?

到目前为止,对于Chromium之前的版本,我已使用以下代码段:

@supports (-ms-ime-align:auto) {
  .selector {
    property: value;
  }
}

现在,我需要确保这仅影响OLD Edge,并且新的基于Chromium的Edge将忽略这些行。

有人可以确认吗?到目前为止,我还没有找到有关此主题的任何信息,而且我在办公室也没有新的Edge(这些天我要建立的页面位于防火墙后面)

1 个答案:

答案 0 :(得分:1)

新的Edge基于铬,因此就像Chrome。您仍然可以使用该CSS规则定位Edge Legacy,并且不会影响Edge Chromium。

我做了一个简单的例子,像这样:

@supports (-ms-ime-align:auto) {
  #aaa {
    background-color: yellow
  }
}
<div style="width:200px; height:200px" id="aaa">
  aaa
</div>

Edge Chromium中的结果如下:

createPersistentInputSurface