Chrome：白色圆形边框故障

Question

JSFiddle

.rounded{
    width: 100px;
    height: 20px;
    padding: 10px;
    border: solid 1px #fff;
    border-radius: 10px
}

.rounded:hover{
    border-color: #333;
}

乍一看，您可能看不到问题。但是在某些显示器上并且在某些角度下，圆角上会有轻微的毛刺。虽然它们在白色背景上是白色的，但它们并非隐形。这是最初的截图和photoshopped：

有没有办法摆脱幽灵般的边界？

Answer 1

不是故障，但这不是你期望的那样。就是这个。你无能为力。 但它不是GLITCH。