I am trying to remove a border from a input text field for my contact form.
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.
I tried my best to mess around with the CSS to make it work, but somehow its not working.
<section id="contact"> <div class="container"> <h3 class="contact-section-title">Need advice?</h3> <p class="contact-section-sub-title-form">Drop 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="What is your name? (Eg: John Doe)" type="text" required /> <input name="cf_email" placeholder="What is your email? (Eg: firstname.lastname@example.org)" type="email" required /> <textarea rows="4" cols="50" name="cf_message" placeholder="Please enter your message" 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>
Would appreciate some solid help on this. Don't know where to go from here.
Changes I made ->
border:0px solid #58B9FA;
This recipe can be found in it's original form on Stack Over Flow.