IE（10）不能在输入上很好地渲染Box阴影

Question

我创建了以下jsbin来显示问题。 http://jsbin.com/fewuli/2/如果你在IE10中的任何浏览器中运行它并聚焦输入，那么盒子阴影轮廓看起来很像这样：

但是如果你在IE10（或IE9 +）中运行它，它不会像这样在焦点上渲染盒子阴影的顶部：

有没有办法解决这个问题而不增加框阴影大小（最后一个选项？）

Answer 1

我测试了你提供的链接并在不同版本的IE（11,10和9）中检查了它们，并且它们都显示输入框在保持焦点时突出显示。 （我使用IE工具栏Emulation来查看差异）

如果您仍然遇到此问题，可以尝试添加一个帮助旧IE浏览器支持HTML5的脚本。 Modernizr是以这种方式提供帮助的脚本之一。还有HTML5 Shiv，但只支持9及更早的IE浏览器。

另一个建议是尝试MS Visual Filters和Transitions并将其应用到您的INPUT类：

filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";