Css IE9过滤器阴影错误?

Css IE9过滤器阴影错误?,css,input,internet-explorer-9,Css,Input,Internet Explorer 9,在IE9中,输入是不可见的。是IE9错误吗?这是由滤镜阴影造成的 input { width: auto; padding: 5px 10px; border-radius: 5px; border: none; background: #e75012; color: #fff; font-weight: bold; cursor: pointer; text-shadow: 2px 1px 1px #000; filter: dropshadow(co

在IE9中,输入是不可见的。是IE9错误吗?这是由滤镜阴影造成的

input {
  width: auto;
  padding: 5px 10px;
  border-radius: 5px;
  border: none;
  background: #e75012;
  color: #fff;
  font-weight: bold;
  cursor: pointer;

  text-shadow: 2px 1px 1px #000;
  filter: dropshadow(color=#000, offx=2, offy=1);
}

这给了我一个丑陋的混乱,使用:

filter:progid:DXImageTransform.Microsoft.dropshadow(color=#000, offx=2, offy=1);
作品,但是它在IE9中贬值了,取而代之的是你可以使用上级

box-shadow: #000 2px 2px;

由于IE9不支持CSS3文本阴影,请选中此链接Live example:

box shadow仅在方框周围放置一个轮廓,它不会对任何不规则形状(即透明PNG、透明边框)进行适当的投影