title: Take control over text-decoration: underline without using border property
body: <p><strong>Ingredients:</strong> just an input tag of type text.</p>
  
  <p><strong>Question:</strong> How can I control the size, color, position of <code>text-decoration: underline</code> styling the input tag?
  I saw that <code>text-decoration-color</code> is available but only in the <code>moz</code> web interpreter and I want something cross-browser like. 
  <strong>[EDIT]</strong> I accept JS, CSS, HTML, doesn't matter, but not any workaround: my question is specific, I want control over this specific attribute.</p>