title: Is it Possible to Style a Disabled INPUT element with CSS?
body: <p>I need to style  <em><code>disabled</code></em> <code>&lt;select&gt;</code>elements to make them look like they're enabled. Can someone help?</p>
  
  <p>PS. I am all-too-aware of the downsides of doing this sort of thing vis a vis HCI principles etc., but its a requirement so I've got to do it if it is possible ...</p>
  
  <p>Thanks.</p>
  
  <p>EDIT:</p>
  
  <p>@AlexThomas' method works well when the elements are disabled in HTML code but unfortunately I'm doing the disabling/enabling with JQuery:</p>
  
  <pre><code>&lt;select class='dayselector'&gt;
      &lt;option&gt;Monday&lt;/option&gt;
      &lt;option&gt;Tuesday&lt;/option&gt;
      &lt;!-- .... etc. --&gt;
  &lt;/select&gt;
  
  $(".dayselector").attr("disabled",true);
  
  $(".dayselector").attr("disabled",false);
  </code></pre>
  
  <p>So the selector:</p>
  
  <pre><code>$(".dayselector")  //works and gets all the selects
  </code></pre>
  
  <p>and</p>
  
  <pre><code>$(".dayselector option")  //works and gets all the selects' option items
  </code></pre>
  
  <p>but<br>
      <code>$(".dayselector [disabled='true']")  //doesn't return anything.</code>  </p>
  
  <p>and  </p>
  
  <pre><code>`$(".dayselector [disabled='false']")  //doesn't return anything.
  </code></pre>
  
  <p>Is there something I'm missing?</p>