2016-04-18 3 views
0

У меня есть старая классическая ASP-форма, которую мне нужно добавить, и я использую IE11. Я решил вставить доктайп следующим образом (который я не знаю, почему, или если это необходимо):css input textbox readonly, чтобы установить цвет фона не работает

<!DOCTYPE html> 

И добавил к моему CSS файл:

input[readonly] { 
    background-color: #f6f6f6; 
} 

как другие страницы на этом сайте предлагают чтобы изменить фоновый цвет текстового поля только для чтения, но он не меняет цвет!

Мой HTML объявлен как:

<input type="TEXT" readonly name="ORDERNO" value="<%=OrderNo%>" style="width:177px"> 

Любые идеи, почему он не работает. Нет никакого другого стиля, который я могу видеть, который мог бы переписать его. Есть ли что-то еще, что мне нужно для публикации, чтобы прояснить мою проблему?

+0

Вы проверили эту ссылку? Http: //stackoverflow.com/questions/13739355/why-readonly-not-worked-in-ie-8-and-ie-9 –

+0

Нет Я еще не видел эту страницу до сих пор но да, другие страницы на этом сайте предлагают любой способ, которым вы его объявляете, он должен работать. Я также пробовал все варианты и не имеет никакого значения - не работает для меня! И я не хочу использовать отключенные. – Glen

+0

Вы пытались добавить html5shiv и ответить js? –

ответ

1

Я создал Js скрипку, и она работает, пожалуйста, см ссылку ниже:

Попробуйте изменить цвет фона на что-то яркий цвет.

<input type="TEXT" readonly name="ORDERNO" value="<%=OrderNo%>" style="width:177px" 

input[readonly] { 
    background-color: red; 
} 

https://jsfiddle.net/nu2a4jbv/1/

+0

Спасибо за ваш отзыв, однако вы дали мне не более того, что я описал выше. Великий ваш работает, но мой не делает. Я хочу предложить, где искать, почему он не работает для меня, какие-либо идеи? – Glen

+0

Вы пробовали с ярким цветом, таким как красный, поскольку цвет, который вы используете для фона заднего фона, очень легкий, и трудно сделать разницу, если применяется обратный цвет или нет. – satya

+0

Конечно, я попробовал красный и несколько других цветов, и да, он работает в скрипке и W3Schools, но не на моем веб-сайте интрасети. Ответ более глубокий – Glen

2

Я думаю, что вы найдете то, что вы ищете здесь

https://css-tricks.com/almanac/selectors/r/read-write-read/

Примечание: IE не поддерживает изменение цвета фона только для чтения входов

+0

Спасибо, я прочитал эту статью, однако, как я сказал [Исмаил Фарук], мне удалось заставить его работать, используя стиль ввода [readonly] {} для фиктивной страницы, поэтому «... может и не .. . »ближе к может быть на этом этапе. – Glen

0

So есть много сайтов, говорящих о том, что Readonly не полностью поддерживается IE, см. следующую ссылку: w3schools, MDN, css-tricks. Поэтому вам нужно переместить решение JavaScript/JQuery.

Например

$(':input[readonly]').css({'background-color':'#f6f6f6'}); 

Может это поможет вам. Fiddle

+0

Я уверен, что я попробовал это, так или иначе, я попробовал еще раз, но результата пока нет. Мне просто нужно добавить пополам свой код со страницы моего заказа на мою фиктивную страницу до тех пор, пока она не сломается. – Glen

+0

http://www.w3schools.com/cssref/sel_read-only.asp теперь я думаю, что это не полная поддержка, т. Е. может быть –

+0

ok теперь у меня есть решение для javascript, возможно, это поможет вам, я собираюсь обновить свой ответ –

0

Может быть существующим css переписать текущий css. использовать 'background-color': '# f6f6f6'! Important; может быть его работой.