Проблемы IE css при оформлении формы

Question

Этот сайт отлично работает в 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

Все эти атрибуты были переопределены, но в 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.

Почему бы вам не использовать один из приятных плагинов для управления формами?

Здесь , некоторые из них перечислены и связаны между собой.