CSS 子像素修复，1440p 125%

如何解决CSS 子像素修复，1440p 125%

在任何地方都找不到好的答案。 有没有子像素渲染的解决方案？ 在这里，我有一个带有 ::after 动画背景的按钮，它永远不会连接到 1440p 125% 缩放屏幕上的边框。

a {
  display: inline-block;
  position: relative;
  border: 2px solid #000;
  border-radius: 5px;
}

a span {
  position: relative;
  z-index: 2;
}

a::after {
  position: absolute;
  top: -5px;
  left: -5px;
  bottom: -5px;
  right: -5px;
  background: #000;
}

<a href="#">
  <span>Button text</span>
</a>

这应该在我的书中给出一个封闭的背景......为什么这会产生子像素并显示一条白色边框线？