这是一个IE11广播按钮渲染错误(他们看起来像谷歌的眼睛)？

Question

我正在做一个网站，里面有几个单选按钮。在大多数浏览器中，一切看起来都很好，但在IE11中，一些单选按钮看起来像googly的眼睛。现在，这是IE11中的一个bug，还是我做错了什么？

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

​

​

下面是一个示例(在IE11中尝试它以查看效果)：http://jsfiddle.net/TjZA5/

下面是我的浏览器( Windows 7上的IE11)放大的屏幕快照：

​

你可以清楚地看到中间盘和外圆之间的不同间距。HTML是相同的和有效的(很多<input type="radio" checked="checked">元素)，CSS也是如此(只是稍微留点余地，以使效果更加明显)。我想知道这是否是IE渲染代码中的舍入错误？

更新:我把这个问题作为反馈项提交给了Microsoft (http://connect.microsoft.com/IE/feedback/details/814911/radio-buttons-look-like-googly-eyes-in-ie11)，并收到回复说这是一种视觉错觉。我不认为是这样，所以我提供了更多的例子。我现在更确信这是IE中的一个bug，但我不得不拭目以待。

更新Windows 10中的边缘浏览器：

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

​

​

Microsoft问题还没有更新，所以我想我们现在只能使用谷歌眼的单选按钮了。

更新: Microsoft问题被关闭为“不会修复”

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

Answer 2

@日耳曼一号-我同意这是个虫子。我得到了如下所示的IE11和Chrome。缩放看起来不太糟，但是100%看起来很糟糕。

从你的小提琴手上拿出来的。

铬：

​

​

IE：

​

​