设置表单样式时的IE css问题

这在Firefox中非常有效，尽管在IE7中联系人表单显示不正确

Input/Textarea未读取背景图像和颜色属性（style.css行：273）

IE中“发送副本”的无线电选项具有白色背景色（style.css行：280）

提交按钮，在IE中，这些按钮是白色的，没有背景图像

---

我看到您的站点使用jQuery

为什么不使用一个好的插件来管理表单呢

---

，其中一些已列出并链接

问题似乎是由为表单元素定义的

过滤器

属性引起的，特别是在

表单输入

和

表单文本区域

规则中。尝试删除这些过滤器定义。

所有这些属性都已被覆盖，但在IE中，

过滤器

属性仍处于活动状态

background: #F6F8F9;
background: -moz-linear-gradient(top, #F6F8F9 0%, #E5EBEE 50%, #D7DEE3 51%, #F5F7F9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F6F8F9), color-stop(50%,#E5EBEE), color-stop(51%,#D7DEE3), color-stop(100%,#F5F7F9));
background: -webkit-linear-gradient(top, #F6F8F9 0%,#E5EBEE 50%,#D7DEE3 51%,#F5F7F9 100%);
background: -o-linear-gradient(top, #F6F8F9 0%,#E5EBEE 50%,#D7DEE3 51%,#F5F7F9 100%);
background: -ms-linear-gradient(top, #F6F8F9 0%,#E5EBEE 50%,#D7DEE3 51%,#F5F7F9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );
background: linear-gradient(top, #F6F8F9 0%,#E5EBEE 50%,#D7DEE3 51%,#F5F7F9 100%);

background

属性和

filter

属性可以一起出现在IE中，因此设置：

#contact_form .btn {
...
filter: none;
}

#contact_form input, #contact_form textarea, #contact_form select {
...
filter: none;
}

---

这是如何解决IE7中的问题的？

background: #F6F8F9;
background: -moz-linear-gradient(top, #F6F8F9 0%, #E5EBEE 50%, #D7DEE3 51%, #F5F7F9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F6F8F9), color-stop(50%,#E5EBEE), color-stop(51%,#D7DEE3), color-stop(100%,#F5F7F9));
background: -webkit-linear-gradient(top, #F6F8F9 0%,#E5EBEE 50%,#D7DEE3 51%,#F5F7F9 100%);
background: -o-linear-gradient(top, #F6F8F9 0%,#E5EBEE 50%,#D7DEE3 51%,#F5F7F9 100%);
background: -ms-linear-gradient(top, #F6F8F9 0%,#E5EBEE 50%,#D7DEE3 51%,#F5F7F9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );
background: linear-gradient(top, #F6F8F9 0%,#E5EBEE 50%,#D7DEE3 51%,#F5F7F9 100%);

#contact_form .btn {
...
filter: none;
}

#contact_form input, #contact_form textarea, #contact_form select {
...
filter: none;
}