title: CSS for text background in text input element
body: <p>Wondering if this is possible:</p>
  
  <p>Let's say if I have a text input element that I want to use to input currencies. Probably I'd want a prefix before the text input to indicate what currency the user is performing his input in.</p>
  
  <p>Hence, the HTML'd look something like:</p>
  
  <pre><code>US$ &lt;input type="text" /&gt;
  </code></pre>
  
  <p>But let's say I want the "US$" above to appear as a prefix <em>inside</em> the text input itself, without the "US$" being part of the input string. Something like where "US$" is the background text of the text input. Of course, the text input would be indented to avoid clashing with the background text.</p>
  
  <p>Any way of accomplishing this without the use of images or Javascript?</p>
  
  <p>Thanks!</p>