title: Remove weird border from input text field
body: <p>I am trying to remove a border from a input text field for my contact form.</p>
  
  <p>Basically, everytime when I enter any data into the input text field (Name field) and then move on to the next field which is email, the input text field sort of has a border around it that might be invisible of some sort.</p>
  
  <p>I tried my best to mess around with the CSS to make it work, but somehow its not working.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;section id="contact"&gt;
      &lt;div class="container"&gt;
        &lt;h3 class="contact-section-title"&gt;Need advice?&lt;/h3&gt;
        &lt;p class="contact-section-sub-title-form"&gt;Drop me an email below.&lt;/p
        &lt;div class="grid-row col-2"&gt;
          &lt;div class="grid-unit3"&gt;
            &lt;form name="form1" method="post" action="contact.php" &gt;
              &lt;input name="cf_name" placeholder="What is your name? (Eg: John Doe)" type="text" required /&gt;
              &lt;input name="cf_email" placeholder="What is your email? (Eg: johndoe@johndoe.com)" type="email" required /&gt;
              &lt;textarea rows="4" cols="50" name="cf_message" placeholder="Please enter your message" class="message" required&gt;&lt;/textarea&gt;
              &lt;button class="submit" type="submit"&gt;Send email&lt;/button&gt;
              &lt;br&gt;&lt;Br&gt;&lt;br&gt;&lt;Br&gt;
            &lt;/form&gt;
          &lt;/div&gt;&lt;!--class="email" type="email"--&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/section&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/24G6z/1/" rel="nofollow">JSFiddle</a></p>
  
  <p>Would appreciate some solid help on this. Don't know where to go from here.</p>
  
  <p>Thank you.</p>