title: Set input-suffix for certain input fields with CSS
body: <p>I am working on an input form, with different <em>input fields</em>. They all get an attribute with their <code>form</code>.</p>
  
  <p>Eg:</p>
  
  <pre><code>&lt;input class="input-text" form="price"&gt;
  </code></pre>
  
  <p>or</p>
  
  <pre><code>&lt;input class="input-text" form="percent"&gt;
  </code></pre>
  
  <p>I would like to add a suffix with the pseudo element <code>::after</code> but cannot figure out how.</p>
  
  <p>Ive already tried this <strong>CSS</strong>:</p>
  
  <pre><code>input[form="price"]::after{
      content: "&amp;euro;";
  }
  </code></pre>
  
  <p>and this:</p>
  
  <pre><code>input::after[form="price"]{
      content: "&amp;euro;";
  }
  </code></pre>
  
  <p>The problem seems to be with the <code>::after</code> itself, but i cannot figure out what it is.</p>