/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

25 votes170 views5 answers
Scroll animation css
CSS
1 vote189 views3 answers
How to add link click script in url
CSS
1 vote159 views3 answers
Css for bigger screen size
CSS
0 vote180 views2 answers
Facebook box-shadow css
CSS
1 vote148 views1 answer
Why top -10 css?
CSS
2 votes174 views2 answers
Css fill parent height
CSS
34 votes163 views1 answer
Css middle and center align div
CSS
2 votes184 views1 answer
Css move animation
CSS
3 votes169 views3 answers
How to change text on hover css
CSS
0 vote150 views1 answer
Ul change position when restore down
CSS