樣式表格時出現IE css問題

Question

這個site在Firefox中完美工作，雖然在IE7中聯繫表單顯示不正確。

1. 輸入/ textarea的不讀的背景圖像和顏色（的style.css線：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; }

2. 收音機選項，在IE中具有白色的背景顏色（style.css行：280） #contact_form fieldset .checkbox input, #contact_form fieldset .radio input { background: none; border: none; display: block; float: left; padding: 0; }

3. 提交按鈕，在IE中這些是白色的，沒有背景圖像。

Answer 1

看來問題是由表單元素定義的filter屬性引起的，具體是.form input和.form textarea規則。嘗試刪除這些過濾器定義。

Answer 2

我看到您的網站使用jQuery。

爲什麼不使用其中一個漂亮的插件來管理表單？

Here，其中一些列出和鏈接。

Answer 3

所有這些屬性已被覆蓋，但在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; 
}