internet-explorer-10 - IE (10) 不能很好地在输入上渲染框阴影

Question

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

但是，如果您在 IE10(或 IE9+)中运行它，它不会像这样在焦点上渲染框阴影的顶部:

有没有办法在不增加框阴影大小的情况下解决这个问题(最后一个选项？)

Answer 1

我测试了您提供的链接，并在不同版本的 IE(11、10 和 9)中进行了检查，它们都显示输入框在获得焦点时突出显示。 (我使用IE工具栏Emulation查看差异)

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

另一个建议是尝试 MS Visual Filters and 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)";