У меня для input
и textarea
есть собственные стили, убраны все лишние кнопки (стрелки, крестики, границы), и поставлен фон на чисто белый. Во всех браузерах он белый кроме Internet Explorer. Если текстовое поле пустое, то фон затемняется и оно становится серым; если я нажму на текстовое поле либо что-то туда введу, то снова белое. Как убрать это затемнение из Internet Explorer? Подойдут любые способы (css, javascript, jquery, html).
.tex12ie {
width: 517px;
outline: none;
overflow: auto;
-webkit-user-select: text;
-khtml-user-select: text;
-ms-user-select: text;
-moz-user-select: text;
-o-user-select: text;
user-select: text;
resize: none;
font-family: 'Arial';
border: none;
font-size: 18px;
-moz-transition: border .35s;
-webkit-transition: border .35s;
-o-transition: border .35s;
transition: border .35s;
border-radius: 5px;
resize: none;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-khtml-appearance: none;
-o-appearance: none;
}
<textarea id="tex12" maxlength="1000" class="tex12ie" spellcheck="false" name="message" placeholder="Сообщение для технической поддержки" style="box-shadow:inset 0 0 0 200px black; background: #fff; padding-left: 15px; padding-top: 15px; padding-bottom: 15px; height: 200px; display: block; margin-left: 7px; margin-right: 7px"></textarea>