javascript - Border appears when click on input with OnClick -
i creating own website login , have input-tags of text-type. , want when clicking on them border appears when mouse anywhere else.
hope can me thank in advance
edit:
html code
<form action="login.php" method="post"> <input class="login" name="user" type="text" placeholder="benutzername"> <input class="login_pw" name="password" type="password" placeholder="passwort"><br> <br><input class="submit" name="login" value="anmelden" type="submit"> </form>
css code
.login { width: 250px; height: 40px; color: white; font-family: arial; font-size: 20px; font-weight: bold; text-align: center; background-color: #2e2e2e; border-bottom: 1px solid orange; border-top: none; border-left: none; border-right: none; } .login_pw { width: 250px; height: 40px; color: white; font-family: arial; font-size: 20px; font-weight: bold; text-align: center; border-bottom: 1px solid orange; border-top: none; border-left: none; border-right: none; margin-left: 20px; background-color: #2e2e2e; }
try out adding in css:
**input.middle:focus { outline-width: 0; }** input:focus, select:focus, textarea:focus, button:focus { outline: none; }
Comments
Post a Comment