title: Input field box, remove "background" color
body: <p>This is the image which shows my problem >> <a href="https://imgur.com/a/YpvMAYq" rel="nofollow noreferrer">https://imgur.com/a/YpvMAYq</a> &lt;&lt; Here's my html code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.form-control {
      width: 600px;
      fill: none;
      background: transparent;
      border: none;
      border-bottom: 1px solid grey;
      font-size: 18px;
      margin-bottom: 16px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form id="contactForm" method="POST" action=""&gt;
    &lt;input name="fName" type="text" class="form-control" placeholder="What should I call you? Person X?" required&gt;
    &lt;br&gt;
    &lt;input name="email" type="email" class="form-control" placeholder="Only, if you want to be emailed back"&gt;
    &lt;br&gt;
  &lt;/form&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Thank you for reading this ;)</p>