title: Styling a disabled input with css only
body: <p>I have sort of a strange situation. I'm trying to style a disabled input button because I have an annoying hover turning the text to white. This makes it  confusing to the user because its acting like a normal button.</p>
  
  <p>I have tried a few things, mainly css and a few jQuery things. I would like to keep this in css if at all posable. </p>
  
  <p>This is my html, sorry it is in a larvel form helper.</p>
  
  <pre><code>{{ Form::submit('Change', array_merge($design_project-&gt;is_locked ? ['disabled' =&gt; 'disabled'] : [], ['class' =&gt; 'btn btn-blue span3'])) }}
  </code></pre>
  
  <p>and this is what the browser generates</p>
  
  <pre><code>&lt;input disabled="disabled" class="btn btn-blue span3" type="submit" value="Change"&gt;
  </code></pre>
  
  <p>and I was working on something like this </p>
  
  <pre><code>.btn:hover input[disabled], .btn:active input[disabled], .btn:focus input[disabled]{
    color:green
  }
  </code></pre>
  
  <p>Any help would be wonderful!</p>