Переопределение отключенного ввода и текстовой области с помощью CSS

Question

Я пытаюсь переопределить серый текст отключенного ввода и текстовое поле. На данный момент я действительно заинтересован в том, чтобы работать в Webkit и Mozilla. В настоящее время я использую каждый трюк в книге, о котором я знаю:

input[@disabled=true], input[@disabled],
button[disabled]:active, button[disabled],
input[type="reset"][disabled]:active,
input[type="reset"][disabled],
input[type="button"][disabled]:active,
input[type="button"][disabled],
select[disabled] > input[type="button"],
select[disabled] > input[type="button"]:active,
input[type="submit"][disabled]:active,
input[type="submit"][disabled],input[disabled="disabled"], input[disabled] {
    color: black !important;
}

Конечно, он меняет цвет, если я изменяю его на что-то другое, однако, когда я выбираю черный, он все еще немного затенен.

Есть идеи? Я использую Ext JS, если я могу использовать это, чтобы манипулировать им. Спасибо.

Answer 1

input.button-control[disabled]

{

    color: #cccccc !important;

    }

Здесь button-control - это класс для элемента ввода, текст которого перезаписывается серым, когда установлен атрибут disabled.

Надеюсь, это поможет.

Answer 2

Я бы предпочел пойти по пути JavaScript, чтобы добиться лучшей совместимости с браузерами. Я бы использовал ExtJS [http://www.extjs.com/deploy/ext-1.1.1/docs/output/Ext.DomQuery.html][DomQuery] и вставил правила CSS, добавив определенный класс или непосредственно вставив их в качестве значений атрибутов стиля.