html - 这是一个 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 浏览器:

我注意到这个问题在 Microsoft 最新的浏览器 Edge(Windows 10 附带)中仍然存在:

Microsoft Connect 问题尚未更新，所以我想我们现在只能使用 googly eyed 单选按钮。

更新:Microsoft 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 上对此进行测试，但会尽快进行。

Answer 1

您在 Microsoft Connect 上获得的响应不是来自 Microsoft。这是我们正在跟踪的已知问题。我认为这与我们的子像素定位逻辑有关，但它绝对是我们正在跟踪的东西。您应该很快就会在 Connect 中看到此更新。