样式表单时 IE css 问题

Question

这个网站在 Firefox 中运行良好，尽管在 IE7 中联系表单无法正确显示。

1. 输入/文本区域未读取背景图像和颜色属性（style.css line：273）

   #contact_form 输入，#contact_form 文本区域，#contact_form 选择 {
     背景：url（“../images/input-bg.gif”）repeat-x向左滚动#2E190B；
     边框：1px实线#FF8A00；
     颜色：#FFFFFF；
     底部填充：5px；
     顶部填充：6px；
   }
   

2. 单选选项“发送给我一份副本”，在 IE 中具有白色背景颜色（ style.css行：280）

   #contact_form fieldset .checkbox 输入，#contact_form fieldset .radio 输入 {
     背景：无；
     边框：无；
     显示：块；
     浮动：向左；
     填充：0；
   }
   

3. 提交按钮，在 IE 中这些是白色且没有背景图像。

Answer 1

问题似乎是由为表单元素定义的 filter 属性引起的，特别是在 .form input 和 .form textarea 规则中。尝试删除这些过滤器定义。

Answer 2

所有这些属性都已被覆盖，但在 IE 中，filter 属性仍然处于活动状态

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;
}

Answer 3

我看到您的网站使用 jQuery。

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

此处 ，其中一些已列出并链接。