/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

40 votes195 views2 answers
All.min.css cdn
CSS
0 vote207 views1 answer
How long since 1993
CSS
8 votes193 views4 answers
Aos css animation
CSS
32 votes204 views6 answers
Css animations
CSS
0 vote194 views1 answer
How to make tet itali in css
CSS
0 vote179 views1 answer
Back button css
CSS
0 vote190 views2 answers
Css how to stop screen from left and right
CSS
0 vote261 views1 answer
Bootstrap.min.css code download
CSS Bootstrap
0 vote227 views2 answers
How do img with same
CSS
0 vote193 views1 answer
Css align backround image to the right
CSS