Chrome：白色圆形边框故障

Question

JSFiddle

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

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

乍一看，您可能看不到问题所在。但在某些显示器和某些角度下，圆角会出现轻微故障。虽然它们在白色背景上是白色的，但它们并不是隐形的。这是原始屏幕截图和经过照片处理的截图：

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

Answer 1

这不是故障，但这不是您所期望的。就是这个。你对此无能为力。 但这不是故障。