时间戳

首页 > 解决方案 > 如何为边缘应用样式？

cross-browser - 如何为边缘应用样式？

问题描述

帮助解决 Edge 的问题。您只需要在边缘下应用样式，如我的示例所示。我试图在 microsftexplor 下这样做，但没有结果。如何正确地做，我错在哪里？谢谢！

   .class {
            width: 90%;
            margin-left: 0;
           -ms-margin-left: 10%;
        }

标签： cross-browsermicrosoft-edge

解决方案

以下代码适用于 12 至 18 版本的 MS Edge 旧版浏览器。

<!doctype html>
<html>
<head>
<style>
@supports (-ms-ime-align:auto) {
    h1{
        color: red;
    }
}
</style>
</head>
<body>
<h1>This is my sample text...</h1>
</body>
</html>

MS Edge 旧版浏览器中的输出：

在此处输入图像描述

参考：

  1. 适用于 Internet Explorer、Firefox、Chrome、Safari 和 Edge 的浏览器特定 CSS
  2. 如何通过 CSS 识别 Microsoft Edge 浏览器？

如果您使用的是 MS Edge Chromium 浏览器，请告诉我们。我将尝试找到解决方案。

推荐阅读