这是IE11单选按钮渲染漏洞吗（它们看起来像谷歌眼）？

Question

我正在开发一个网站，其中包含一些单选按钮。在大多数浏览器中，一切看起来都很正常，但在IE11中，有些单选按钮看起来像谷歌眼睛。这是IE11的错误还是我做错了什么？

编辑：真实网站的屏幕截图：

这是一个示例（在IE11中尝试查看效果）：http://jsfiddle.net/TjZA5/

这是我浏览器（Windows 7上的IE11）的缩放截图：

您可以清楚地看到中心圆盘和外部圆圈之间的不同间距。HTML是相同且有效的（很多<input type="radio" checked="checked">元素），CSS也是如此（只有一点边距以使效果更明显）。我想知道这是否是IE呈现代码中的舍入误差？

更新：我将此问题提交为Microsoft Connect的反馈项(http://connect.microsoft.com/IE/feedback/details/814911/radio-buttons-look-like-googly-eyes-in-ie11)，并得到了回复称这是一种视觉错觉。我不认为是这样的，所以我提供了更多的例子。现在我更加确信这是IE中的一个错误，但我还需要等待确认。

关于Windows 10中的Edge浏览器的更新：

我注意到此问题在微软最新的浏览器，Edge（随Windows 10一起提供），中仍然存在：

由于微软Connect问题没有更新，所以我想我们暂时只能使用谷哥眼睛样式的单选按钮。

更新：微软Connect问题已关闭，标记为“不予修复”

我在developer.microsoft.com上创建了一个新问题：https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7114234/，希望有一天他们会解决这个问题。

更新：微软已经更新了问题，表示已修复！

https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/8516392/

我还没有机会在新版本的Windows 10上测试此问题，但我会尽快进行测试。

- DigitalDan

---

这个人试图表达观点。外星人。 - DarkBee

需要足够的单选按钮才能开始看到效果。其他占用空间的HTML元素也可以使用。在我正在开发的真实网站上，还有许多其他表单控件、按钮、段落等等。 - DigitalDan

只有IE会想出一种方法来搞砸单选按钮。 - Nathan Wiles

我还没有收到微软的进一步回复，因此我已经更新了在Connect上的工单并要求他们发表评论。有在Stack Overflow上的微软开发人员愿意发表评论吗？ - DigitalDan

如果其他人也能够重现这个 bug，请您跟随上面的链接进入 Microsoft Connect 并点击“我也可以”来增加能够重现该问题的用户数量。谢谢。 - DigitalDan

我认为我遇到了同样的错误，尽管我正在绘制自定义单选按钮。在 这个 fiddle 中，当您缓慢拖动分隔符时，请注意第三个单选按钮（已选中）。更奇怪的是，它似乎只影响我的示例中的第三个单选按钮。 - Bjørn-Roger Kringsjå

Answer 1

你在Microsoft Connect上收到的回复并不是来自微软。这是一个已知问题，我们正在跟踪。我认为这与我们的子像素定位逻辑有关，但这绝对是我们正在跟踪的问题。很快你应该会在Connect中看到更新。

- adrianba

---

谢谢。微软在Connect上的官方回复说：“很遗憾，我们无法在即将发布的版本中解决这个反馈。我们会考虑您的反馈，并在未来的版本中加以考虑。” - DigitalDan

Answer 2

@TheGermanOne - 我同意这是一个bug。我在IE 11和Chrome中得到了与下图相同的结果。IE缩放后看起来还不错，但100%的显示效果很糟糕 :(

来自你的jsfiddle。

Chrome:

IE:

- click2install

---

谢谢提供截图，很高兴看到其他人也能重现这个问题，这意味着我可能没有做错什么。越来越有可能是IE的一个错误。 - DigitalDan

@TheGermanOne，似乎有很多关于IE11破坏表单元素渲染的搜索结果 - 不仅仅是针对单选按钮。 - click2install

是的，这不是我发现的唯一问题，只是我无法在其他任何地方找到记录的唯一问题。 - DigitalDan