/CSS/Change input border color when selected

Change input border color when selected

Change border highlight color on an input text element

input:focus { 
    outline: none !important;
    border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE;
}
textarea:focus { 
    outline: none !important;
    border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE;
}

Source: stackoverflow.com

Change border highlight color on an input text element

.input:focus {
    outline: none !important;
    border:1px solid red;
    box-shadow: 0 0 10px #719ECE;
}

Source: stackoverflow.com

Change input border color when selected

input:focus {
	outline: none;
  	border: 1px solid red;
}

How to change input border color with js

document.getElementById("fName").className = document.getElementById("fName").className + " error";  // this adds the error class

document.getElementById("fName").className = document.getElementById("fName").className.replace(" error", ""); // this removes the error class

Source: stackoverflow.com

Similar codes

0 vote192 views2 answers
Make all images same size bootstrap
CSS Bootstrap
1 vote101 views2 answers
List no bullets html
CSS
5 votes131 views2 answers
Zoom animations in css
CSS
0 vote154 views2 answers
How to remove white space in the right side of web page
CSS
38 votes165 views6 answers
Convert object to array
CSS
8 votes141 views1 answer
How to get my div to centre
CSS
0 vote132 views1 answer
Remove onclick highlight from anchor tag when opened in mobile
CSS
0 vote144 views1 answer
Css last item should be flex end
CSS
0 vote124 views1 answer
Moving nested element up css
CSS
-1 vote152 views6 answers
Css comment
CSS