Проблема с input disabled?

Question

[zoOB]

В Crome, Safari и IE9 наблюдается такой баг (или может это фича): при попытки установить текстовое поле input в состояние disabled не получается точно установить цвет шрифта. Поверх указанного нами накладывается серая маска.

<style>
    input {color:red}
</style>

<input type="text" id="name" value="Петр" disabled />

Кто-нибудь сталкивался, как побороли?

Answer 1

[RomeroMsk]

А атрибут readonly не устроит? Для инпута с readonly стили обрабатываются нормально.

Comments

[zoOB]

Ага, то что надо. Не полноценная замена disabled, но в моем случае подойдет. Спасибо.
С JS слишком уж не хочется связываться.

Всем спасибо.

Answer 2

[ShadowPrince]

Можно на JS самому сделать disabled: при focus делать blur, или при change удалять символы.

Comments

[Олег Барабанов]

+ поставить сеттер на value и отфутболивать любое изменение в зависимости от disabled = '_disabled' или нет. Тогда вообще недоступно будет.

Answer 3

[Макс]

input[disabled] {color: red} или же явно указать input[disabled] {background-color: red}

Comments

[zoOB]

пробывал не срабатывает: cssdesk.com/Fqys8
все равно шрифт серый в указанных браузерах

Answer 4

[Roman Zakharov]

А если так?
input[disabled] {
background-color: #fff;
color: #ff0000;
}


Answer 5

[lorndesign]

в ИЕ не побороть…

Answer 6

[ngreduce]

В Twitter Bootstrap используется псевдо инпут. Наверное не зря.