Onfocus阴影无法在IE中运行

Question

以下代码无法在IE中使用..

 input:focus,textarea:focus,select:focus
{
  border:1px solid #fafafa;
   -webkit-box-shadow:0 0 6px #007eff;
   -moz-box-shadow:0 0 5px #007eff;
  box-shadow:0 0 5px #007eff;
}

相反，它甚至没有显示文本框边框  这是小提琴链接

http://jsfiddle.net/3cKVp/1/

Answer 1

它在IE 7或更早版本中无效，正如您在this页面上看到的那样，它显示了特定浏览器的兼容级别。

Answer 2

IE7中不支持

:focus伪选择器和box-shadow CSS属性。要支持焦点样式更改，您必须在javascript（可能使用jQuery）中绑定到focus和blur事件，并分别添加/删除指示“聚焦”外观的CSS样式。