css - Chrome 中我的单选按钮左侧有裁剪

Question

在 OSX 上的 Chrome 或 Safari 中，单选按钮有时会在左侧裁剪一个像素。

有人知道为什么会这样吗？

Answer 1

当带有 margin-left: 0; 的单选按钮被带有 overflow: hidden; 的容器包裹时，会发生这种情况。你可以看一个例子 here .

这仅在 Mac OSX 10.9 上的 webkit/blink 浏览器中重现。*

I've opened a ticket with Chromium.

在稳定修复之前，您可以使用以下方法破解修复:

input[type="radio"] {
  margin-left: 0.5px;
}