スタイリングフォームのIE CSSの問題

Question

このsiteはFirefoxで完全に機能しますが、IE7では連絡先フォームが正しく表示されません。 「私にコピーを送信する」ための #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で：

1. 入力/テキストエリアは、背景画像とカラー（273のstyle.cssライン）を読んでいません（style.css行：280） #contact_form fieldset .checkbox input, #contact_form fieldset .radio input { background: none; border: none; display: block; float: left; padding: 0; }

2. 送信ボタンは、白色で背景画像はありません。

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