Chrome中的单选按钮左侧有剪辑

Question

在OSX上的Chrome或Safari中,单选按钮有时会在左侧剪切一个像素.

任何人都知道为什么会这样吗？

Answer 1

当一个单选按钮margin-left: 0;被一个容器包裹时,会发生这种情况overflow: hidden;.你可以在这里看到一个例子.

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

我用Chromium打开了一张票.

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

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