w3hello.com logo
Home PHP C# C++ Android Java Javascript Python IOS SQL HTML videos Categories
how to make the username box highlight?

Just add the following lines of code to your CSS and this should fix your problem:

input[type=text], /*transition delay*/
textarea {
 -webkit-transition: all 0.35s ease-in-out;
 -moz-transition: all 0.35s ease-in-out;
 -ms-transition: all 0.35s ease-in-out;
 -o-transition: all 0.35s ease-in-out;
 outline: none;
 padding: 3px 0px 3px 3px;
 margin: 5px 1px 3px 0px;
 border: 2px solid #f1f1f1;
}

input[type=text]:focus, /*creates highlight effect*/
textarea:focus {
  box-shadow: 0 0 3px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}

input[type=password], textarea{ /*prevents showing outline border when
clicked*/
 outline: 0;
}




© Copyright 2018 w3hello.com Publishing Limited. All rights reserved.