One solution is to remove default outline on focus using:
div input:focus{ outline: none; } div input { border: 2px solid #a1a1a1; padding: 10px 40px; background: #dddddd; width: 300px; border-radius: 25px; } div input:focus { outline: none; }<div class="fourth"> <label>Confirm Password:</label> <input type="text" name="cPassword" class="iBox" id="cPassword" onkeyup="passwordValidation()" placeholder="confirm it!" autocomplete="off" /> <p id="combination"></p> </div> p.s. input elements have to close!