#html #css #cross-browser
#HTML #css #кроссбраузерный
Вопрос:
В http://www.milburndentonmoore.com/newsite/#contact форма регистрации имеет синий градиентный фон. Он должен быть серым, как и остальная часть страницы. В Chrome и FF он выглядит нормально.
Форма div не связана, поэтому я не думаю, что есть какие-либо проблемы с границами.
Есть идеи?
Спасибо
Комментарии:
1. кстати, ваш тип документа — XHTML, но то, что вы создали, не является допустимым XHTML! например, <img> <— недопустимо, потому что оно должно быть либо <img></img>, либо <img />. также xhtml описывает атрибуты, которые не следует упускать.
2. чтобы продолжить то, что сказал @ITroubs, возможно, вам лучше переключить свой doctype на doctype HTML5, а не пытаться исправить свой код, чтобы он был допустимым xhtml. Тем не менее, вы все равно должны убедиться, что он проверяется.
Ответ №1:
Ваш контейнер формы имеет встроенный стиль
<div class="ss-form-container" style="... filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#777, endColorstr=#777); ...">
Это работает только в IE, и это является причиной градиента (протестировано с помощью инструментов разработки ie)
Ответ №2:
В styles.css цвет фона для текстовых областей установлен на синий:
/* ========================== Form Elements Styles ========================== */
input, textarea {
background-color: #424051;
Измените цвет фона на желаемое шестнадцатеричное значение, для серого вам может понравиться #333
Также, чтобы избавиться от темных контуров, удалите эти:
box-shadow:inset 0 0 5px #110f1c;
-moz-box-shadow:inset 0 0 5px #110f1c;
-webkit-box-shadow:inset 0 0 5px #110f1c;
Ответ №3:
Попробуйте это в вашем style.css в строке 206
input, textarea {background: rgba(111, 111, 111, 0.5);}
Ответ №4:
похоже, проблема в styles.css (строка 206)
input, textarea {
background-color: #424051;
box-shadow: 0 0 5px #110F1C inset;
color: #F5F2EB;
}