title: How to remove default styling of html 5 form elements?
body: <p>How can I reset or change the default styling of the email input element?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>input
  {
    width: 100%;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;input type="text" placeholder="text box" /&gt;&lt;br /&gt;&lt;br /&gt;
  &lt;input type="email" placeholder="email box with default styling when invalid email is entered" /&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I want the validation of email element to remain as it is. Just want to change the red border when wrong email is entered.</p>