<h：inputtext>启用/禁用 - 更改背景颜色</h：inputtext>

Question

我可以更改已禁用<h:inputText>的背景颜色吗？

我试过这样做：

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

css包含：

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

结果是：

原因，为什么我要改变背景是因为我已经安装了richfaces，禁用和启用了相同的颜色，都是白色的

谢谢

更新

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之间的图形差异：

Answer 1

试试这个

<h:inputText value="test" disabled="disabled" style="background-color:blue; color:red;" />

Answer 2

  

的原因，为什么我试图改变的背景是，因为我已经安装了RichFaces的，禁用和启用具有相同的颜色，无论是白色的

RichFaces附带了自己的basic skinning。在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，您可以右击感兴趣的元素，选择的检查元素的获得在底部控制台的右手侧的所有definied CSS属性。

在这种特殊情况下，input具有指向特定网址的background-image属性。您需要覆盖它，如下所示：

input { 
    background-image: none;
}