title: <h:inputText> enabled/disabled - change background color
body: <p>can I change background color for disabled <code>&lt;h:inputText&gt;</code>? </p>
  
  <p>I've tried to do this way: </p>
  
  <pre><code>&lt;h:inputText value="test" disabled="true" styleClass="input"/&gt;
  </code></pre>
  
  <p>css contains:</p>
  
  <pre><code>input:disabled {background-color:blue;}
  input:enabled {background-color:red;}
  </code></pre>
  
  <p>and result is:</p>
  
  <p><img src="https://i.stack.imgur.com/mfP9W.jpg" alt="enter image description here"></p>
  
  <p>reason, why I'm trying to change the background is, that since I've installed richfaces, disabled and enabled has the same color, both are white</p>
  
  <p>Thank you</p>
  
  <p><strong>UPDATE:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/jluu5.jpg" alt="enter image description here"></p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;td class="width10"&gt;Směna:&lt;/td&gt;
  &lt;td class="width15"&gt;&lt;input name="bde:j_idt100" value="2011-05-18-S2" size="13" style="background-color: blue; color: red;" disabled="disabled" type="text"&gt;&lt;input id="bde:shift" name="bde:shift" type="hidden"&gt;&lt;/td&gt;
  &lt;td&gt;&lt;input name="bde:j_idt102" value="ranní" class="input2" size="13" disabled="disabled" type="text"&gt;&lt;input name="bde:j_idt103" value="admin" class="input2" size="13" disabled="disabled" type="text"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr class="rowEven"&gt;
  &lt;td class="width5"&gt;&lt;input id="bde:f1" name="bde:f1" value="F1" tabindex="2" title="Novy pracovnik - vymaze vsechna pole formulare" class="btninput" type="submit"&gt;&lt;/td&gt;
  &lt;td class="width10"&gt;Pracovník:&lt;/td&gt;
  &lt;td class="width15"&gt;
  &lt;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"&gt;&lt;/td&gt;
  </code></pre>
  
  <p>
      </p>
  
  <p>Graphic differences between richfaces generated code and HTML:</p>
  
  <p><img src="https://i.stack.imgur.com/0vmn5.jpg" alt="enter image description here"><img src="https://i.stack.imgur.com/zlxJd.jpg" alt="enter image description here"></p>