<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 附带了自己的基本皮肤。在 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;
}