/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 vote169 views1 answer
How to make text transparent with stroke in css
CSS
0 vote162 views1 answer
Divs overlapping on mobile landscape
CSS
0 vote166 views2 answers
Fixed footer in Bootstrap
CSS
10 votes169 views3 answers
Css on click
CSS
0 vote153 views1 answer
Can I use placeholder in <input type="time"/>
CSS
22 votes202 views6 answers
Box shadow css
CSS
-2 votes166 views1 answer
Does boxshadow work
CSS
0 vote165 views2 answers
Difference bw box and border box
CSS
0 vote185 views1 answer
Css background text clip
CSS
22 votes165 views5 answers
Grid center
CSS