title: Make input field readonly without changing background colour in CSS or JavaScript
body: <p>I would like to make a HTML input field readonly but without getting the grey background that appears when I just add the attribute readonly (it should look the same as a normal field just not allow editing). </p>
  
  <p>Is there a way I can realise this in CSS and/or JS, ideally with a class ?</p>
  
  <p><strong>Example field:</strong> </p>
  
  <pre><code>&lt;input type="text" style="width:96%" class="myClass" /&gt;
  </code></pre>