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.

直到在stable中修复，你可以使用：

破解修复

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

Answer 2

我的输入上有一个盒子阴影也造成了这种情况。如果你有一个盒子阴影，请在你的css中取消它：

input[type=radio]{
 box-shadow: none

}