我正在一个有几个单选按钮的网站上工作。在大多数浏览器中,一切看起来都很好,但在 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 附带)中仍然存在:
Microsoft Connect 问题尚未更新,所以我想我们现在只能使用 googly 的单选按钮。
更新: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 的新版本上对此进行测试,但会尽快进行。