CSS ввода ввода только для чтения, чтобы установить цвет фона не работает
У меня есть старая классическая форма ASP, к которой мне нужно добавить функциональность, и я использую IE11. Я решил вставить doctype следующим образом (который я не уверен, почему или если это необходимо):
<!DOCTYPE html>
И добавил в мой файл CSS:
input[readonly] {
background-color: #f6f6f6;
}
так как другие страницы на этом сайте предлагают изменить цвет фона текстового поля только для чтения, однако это не меняет цвет!
Мой HTML объявлен как:
<input type="TEXT" readonly name="ORDERNO" value="<%=OrderNo%>" style="width:177px">
Любые идеи, почему это не работает. Я не вижу других примененных стилей, которые могли бы его перезаписать. Есть ли что-то еще, что мне нужно опубликовать, чтобы прояснить мою проблему?
4 ответа
Я создал JSFiddle и он работает, перейдите по ссылке ниже:
Попробуйте изменить цвет фона на более яркий.
<input type="TEXT" readonly name="ORDERNO" value="<%=OrderNo%>" style="width:177px"
input[readonly] {
background-color: red;
}
Я думаю, что вы найдете то, что вы ищете здесь
https://css-tricks.com/almanac/selectors/r/read-write-read/
Примечание. IE может не поддерживать изменение цвета фона только для чтения.
Поэтому многие веб-сайты говорят, что Readonly не полностью поддерживается IE. См. Следующую ссылку w3schools, MDN, css-tricks. Поэтому вам нужно переместить решение JavaScript / JQuery.
Например
$(':input[readonly]').css({'background-color':'#f6f6f6'});
Пусть это поможет вам. скрипка
Может быть существующий CSS перезаписать текущий CSS. используйте 'background-color':'#f6f6f6'! важный; может быть его работа.