/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 vote301 views1 answer
Nth master
CSS
2 votes125 views2 answers
Css resize image to fit div no stretching
CSS
9 votes114 views6 answers
Round button css
CSS
0 vote117 views1 answer
Hoow to open a css class in css
CSS
0 vote101 views1 answer
How to increase height of input box in css
CSS
0 vote129 views1 answer
Why grepper not always shows
CSS
24 votes128 views3 answers
Remove underline from a link css
CSS
0 vote124 views2 answers
How to remove white space in the right side of web page
CSS
19 votes104 views3 answers
Css border radius top
CSS
28 votes120 views3 answers
Box shadow to make border bottom
CSS