Css Microsoft Edge浏览器不支持'；t渲染双精度'；方框阴影插图'；适当地

请参见下面使用两个

框阴影：inset

作为下划线的文本示例片段

它可以在Chrome、Firefox和Safari（最新版本）上完美呈现

但边缘看起来像这样（见下划线底部褪色的线条）：

问题

这有什么办法吗？还是我应该给边缘用户应得的

@导入url（'https://fonts.googleapis.com/css?family=Proxima+新星'；
氢{
字体系列：“Proxima Nova”；
颜色：rgb（60128124）；
字号：21px；
字体大小：粗体；
边缘顶部：20px；
边缘底部：10px；
}
a、 箱形阴影{
颜色：暗灰色；
文字装饰：无；
线高：26px；
盒影：镶嵌0-2px白色，镶嵌0-4px 0 rgb（60128124）；
垫底：3件；
}

你好，gjq盒影

我在Microsoft Edge（EdgeHTML）中重现了这个问题。我认为这可能是由于不同浏览器的渲染引擎的性能不同。另外，我发现了一个类似的，你也可以报道这个问题。美国的情况也类似

您可以尝试避免在Microsoft Edge（EdgeHTML）中使用两个插入框阴影，并使用以下代码作为解决方法：

@导入url（'https://fonts.googleapis.com/css?family=Proxima+新星'；
氢{
字体系列：“Proxima Nova”；
颜色：rgb（60、128、124）；
字号：21px；
字体大小：粗体；
边缘顶部：20px；
边缘底部：10px；
}
boxShadow先生{
颜色：暗灰色；
文字装饰：无；
线高：26px；
盒影：插入0-2px0RGB（60128124）；
垫底：1px；
}

你好，gjq盒影

对不起，Edge在欧洲的市场份额与你的问题有什么关系？@HereticMonkey这只是为了说明它是不可抹杀的。我想我的网站，以适当地呈现在它。但我认为这是不可能的。我尝试了很多东西。如果是0.05%，我一点也不介意。很快微软将在chrome浏览器的基础上构建它的浏览器，我是说它已经完成了，但还没有完成official@CedricGourville我听说了！期待这一切。@cbdev420它的边缘似乎需要一个额外的元素希望它的帮助