title: Underlining text input with border: none
body: <p>I am trying to underline the input box (as shown in image 1) which has no borders.</p>
  
  <p>What I want:</p>
  
  <p><img src="https://i.stack.imgur.com/dEKto.png" alt="What I want"></p>
  
  <p>What I have:</p>
  
  <p><img src="https://i.stack.imgur.com/X1DOd.png" alt="What I have"></p>
  
  <p><img src="https://i.stack.imgur.com/WNj31.png" alt="My code"></p>
  
  <p>Can you please advice? Thanks.</p>