Question

此site在Firefox中完美运行，但在IE7中，联系表单无法正确显示。

输入/ Textarea不读取背景图像和颜色属性（style.css line：273）

#contact_form input, #contact_form textarea, #contact_form select {
  background: url("../images/input-bg.gif") repeat-x scroll left center #2E190B;
  border: 1px solid #FF8A00;
  color: #FFFFFF;
  padding-bottom: 5px;
  padding-top: 6px;
}

IE中“发给我一份”的收音机选项有白色背景色（style.css line：280）

#contact_form fieldset .checkbox input, #contact_form fieldset .radio input {
  background: none;
  border: none;
  display: block;
  float: left;
  padding: 0;
}

提交按钮，在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。

为什么不使用其中一个漂亮的插件来管理表单？

Here，其中一些已列出并已关联。

样式形式时IE css问题

3 个答案: