title: Remove text caret/pointer from focused readonly input
body: <p>I am using an <code>&lt;input readonly="readonly"&gt;</code>, styled as normal text to remove the appearance of an interactive field, but still display the value.</p>
  
  <p>This is very useful to prevent a user from editing a field, while still being able to post the value. I realize this is a convenience method and that there are several workarounds, but I want to use this method.</p>
  
  <p><strong>Problem:</strong> The blinking caret still appears when the field is clicked/focused. (At least in FF and IE8 on Win7)</p>
  
  <p>Ideally, I would like it to behave as it normally does, focusable, but without the blinking caret.</p>
  
  <p>Javascript solutions welcome.</p>