css - 在 Chrome 上忽略paint-order 属性

我正在尝试使用白色文本和黑色笔划来设置一些文本的样式。我希望它有一个粗笔画，同时仍然可以看到文本。

为此，我使用了以下 CSS：

element {
    -webkit-text-stroke: 6px black;
    color: white;
    paint-order: stroke;
}

但是，paint-order在 Chrome 浏览器上无法正常运行。这是一个演示，左边是Firefox，右边是Chrome。您可以在右侧看到 Chrome 不尊重该paint-order属性，尽管据称自版本 35 起兼容。

是否需要一些额外的属性才能在所有浏览器上运行？我的 Chrome 版本是80.0.3987.132Firefox 是74.0.

标签： css

Chrome 仅支持paint-orderSVG 文本。不支持 HTML 文本，但由于 Firefox 和 Safari 支持它，因此将来可能会支持它。同时，您可以将text-shadow其用作 Chrome 和旧版浏览器的后备方案。