title: How Can I Use CSS :after to Add a Glyphicon Element to an Input
body: <p>I have an <code>&lt;input&gt;</code> element, and I can't modify the HTML around it, but I want to add a glyphicon (<code>&lt;i class="glyphicons glyphicons-some-icon"/&gt;</code>) inside of it.  I was hoping to do it with CSS, but I can't seem to get <code>:after</code> to work.  I thought something like the following would generate that element:</p>
  
  <pre><code>#my-input {
      content: attr(class, 'glyphicons glyphicon-some-icon'); 
      content: '&lt;i/&gt;'; 
  }
  </code></pre>
  
  <p>but it doesn't.  Could anyone who understands <code>:after</code> better explain how I can generate the desired <code>&lt;i class="glyphicons glyphicons-some-icon"/&gt;</code> using <code>:after</code>?</p>