/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

1 vote232 views2 answers
Css animated background
CSS
10 votes249 views2 answers
How to include one css file in another
CSS
0 vote232 views1 answer
Inline-block column appear higher than others
CSS
0 vote255 views1 answer
Linear gradient farthest-corner code css
CSS
1 vote242 views1 answer
On clicking a link it gets red color
CSS
6 votes249 views1 answer
Scrollbar height css
CSS
3 votes254 views3 answers
Open sans css
CSS
0 vote266 views1 answer
Ghjhgggggggg
CSS
0 vote207 views1 answer
Bootstrap accessibility
CSS
0 vote245 views1 answer
Add arrow in select css
CSS