включено / выключено - изменить цвет фона - PullRequest
Новая
       3

включено / выключено - изменить цвет фона

6 голосов
/ 18 мая 2011

можно ли поменять цвет фона на отключенный <h:inputText>?

Я пытался сделать так: 

<h:inputText value="test" disabled="true" styleClass="input"/>

CSS содержит: 

input:disabled {background-color:blue;}
input:enabled {background-color:red;}

и результат:

enter image description here

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

Спасибо

UPDATE:

enter image description here

HTML: 

<td class="width10">Směna:</td>
<td class="width15"><input name="bde:j_idt100" value="2011-05-18-S2" size="13" style="background-color: blue; color: red;" disabled="disabled" type="text"><input id="bde:shift" name="bde:shift" type="hidden"></td>
<td><input name="bde:j_idt102" value="ranní" class="input2" size="13" disabled="disabled" type="text"><input name="bde:j_idt103" value="admin" class="input2" size="13" disabled="disabled" type="text"></td>
</tr>
<tr class="rowEven">
<td class="width5"><input id="bde:f1" name="bde:f1" value="F1" tabindex="2" title="Novy pracovnik - vymaze vsechna pole formulare" class="btninput" type="submit"></td>
<td class="width10">Pracovník:</td>
<td class="width15">
<input id="bde:worker" name="bde:worker" class="input" size="13" tabindex="1" onblur="jsf.util.chain(this,event,'mojarra.ab(this,event,\'blur\',\'@this\',\'bde:inputName\')','mojarra.ab(this,event,\'blur\',\'@this\',\'bde:inputSname\')','mojarra.ab(this,event,\'blur\',\'@this\',\'bde:inputDep\')','mojarra.ab(this,event,\'blur\',\'@this\',\'bde:reportErr\')')" type="text"></td>

Графические различия между кодом, генерируемым richfaces, и HTML:

enter image description hereenter image description here

Ответы [ 2 ]

6 голосов
/ 18 мая 2011

Попробуйте с этим 

<h:inputText value="test" disabled="disabled" style="background-color:blue; color:red;" />
2 голосов
/ 18 мая 2011

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

RichFaces поставляется с собственным базовым скином .В RichFaces 4.0 вы можете полностью отключить его с помощью следующих параметров контекста в web.xml.

Это отключает стандартные таблицы стилей оформления (см. Главу 6.6.1 связанного руководства разработчика) 

<context-param>
    <param-name>org.richfaces.enableControlSkinning</param-name>
    <param-value>false</param-value>
</context-param>

Это отключает таблицы стилей обложки для конкретного компонента (см. Главу 6.6.2) 

<context-param>
    <param-name>org.richfaces.enableControlSkinningClasses</param-name>
    <param-value>false</param-value>
</context-param>

Если вы, тем не менее, не хотите отключать базовую обложку по какой-либо причине, а хотите переопределить определенные свойства / свойства CSSЗатем вам нужно указать именно эти свойства / свойства в вашем собственном CSS.Используя Firebug , вы можете щелкнуть правой кнопкой мыши по интересующему элементу и выбрать Проверить элемент , чтобы получить все определенные свойства CSS в правой части нижней консоли.

В этом конкретном случае input имеет свойство background-image, указывающее на конкретный URL.Вам необходимо переопределить его следующим образом: 

input { 
    background-image: none;
}
...