title: How to style readonly attribute with CSS?
body: <p>I'm currently using readonly=&quot;readonly&quot; to disable fields. I'm now trying to style the attribute using CSS. I've tried using</p>
  <pre><code>input[readonly] {
    /* styling info here */
  }
  </code></pre>
  <p>but it is not working for some reason. I've also tried</p>
  <pre><code>input[readonly='readonly'] {
    /* styling info here */
  }
  </code></pre>
  <p>that doesn't work either.</p>
  <p>How can I style the readonly attribute with CSS?</p>