I'm struggling to remove a border from an input text field on my contact form.
Whenever I enter data into the Name field and then move on to the email field, there seems to be an invisible border around the input text field.
I've tried tweaking the CSS but haven't been successful in getting rid of it.
HTML
<section id="contact">
<div class="container">
<h3 class="contact-section-title">Need advice?</h3>
<p class="contact-section-sub-title-form">Feel free to send me an email below.</p
<div class="grid-row col-2">
<div class="grid-unit3">
<form name="form1" method="post" action="contact.php" >
<input name="cf_name" placeholder="Enter your name (e.g. John Doe)" type="text" required />
<input name="cf_email" placeholder="Enter your email (e.g. example@domain.com)" type="email" required />
<textarea rows="4" cols="50" name="cf_message" placeholder="Please type your message here" class="message" required></textarea>
<button class="submit" type="submit">Send Email</button>
<br><Br><br><Br>
</form>
</div><!--class="email" type="email"-->
</div>
</div>
</section>
I could really use some help with this issue. Not sure where to turn next.
Thank you.