来自内联 svgs 的 css 边框工件

Question

我正在使用 chrome 中的 React 应用程序，其中涉及大量内联 svg。

如果文本靠近内联 svg，文本周围将随机出现黑色边框。当我突出显示文本时，它有时会消失或出现。

唯一一致的是在出现边框的每个页面上都有一个内联 svg。

添加

{ 
    backface-visibility: hidden;
}

在有边框的元素上修复了它，但它不可能到处都添加它。

Answer 1

您也可以尝试 -webkit-transform: translate3d(0,0,0); - 这在这种情况下似乎也有帮助，还有 backface-visibility: hidden ;。