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

Popular posts from this blog

c++ - No viable overloaded operator for references a map -

java - Custom OutputStreamAppender not run: LOGBACK: No context given for <MYAPPENDER> -

java - Cannot secure connection using TLS -