title: Force enabled look to readonly input with bootstrap CSS
body: <p>I have an app using <a href="http://getbootstrap.com/">bootstrap.css</a> for the design. I have a readonly input which looks like disabled because of bootstrap (cursor not allowed, background color grey etc...). I would like the input to look enabled with readonly activated.</p>
  
  <p>How can I do that?</p>
  
  <p><strong>edit</strong> (adding more code):</p>
  
  <p>Header:</p>
  
  <pre><code>doctype html
  html(ng-app='myApp')
    head
      title=title
      link(rel='stylesheet' href='stylesheets/bootstrap.min-3.1.1.css')
      link(rel='stylesheet' href='stylesheets/style.css')
  </code></pre>
  
  <p>My input: <code>input.form-control(readonly, placeholder='jj-mm-aaaa')</code></p>
  
  <p>My stylus (style.css):</p>
  
  <pre><code>input[readonly]
    background-color: #fff
  </code></pre>