как я могу выделить серое отключенное поле?

Question

Возможно, это не проблема JSF, но эксперты JSF могут знать об этом, возможно, даже больше.
У меня есть некоторые поля в форме, которые отключаются на основе некоторых запросов AJAX.Я хочу показать их серым, когда они отключены.

Дайте мне знать, что вам нужно увидеть код, но просто используйте простое

<f:ajax event="keydown" execute="@this" render="field1 field2" />

поле 1, которое имеет

disabled="#{not empty someBean.someProperty}"

CSS - это

#content input .disabled {color: #DCDAD1; padding: 2px; margin: 0 0 0 0;background-image=""}

Само по себе отключение работает нормально, но не становится серым

Спасибо и приветствуем, если тег JSF не верный тег

Answer 1

Атрибут disabled компонента ввода JSF не генерирует класс стилей, такой как class="disabled" или что-то вроде того, чего, как кажется, ожидает ваше объявление CSS. Он просто устанавливает стандартный HTML-атрибут disabled для сгенерированного HTML-элемента. Чтобы увидеть это своими глазами, откройте страницу JSF в своем любимом браузере, щелкните правой кнопкой мыши и Просмотр источника . Это будет выглядеть примерно так:

<input type="text" disabled="disabled" />

Вам необходимо использовать селектор атрибутов CSS element[attrname]. Если атрибут с attrname присутствует в element, тогда стиль будет применен.

#content input[disabled] {
    color: #DCDAD1;
    padding: 2px;
    margin: 0 0 0 0;
    background-image: none;
}

(обратите внимание, что я исправил декларацию background-image, так как она была недействительной)