/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

28 votes218 views6 answers
Background image react
CSS
-1 vote225 views1 answer
Css comando para poner una imagen como fondo en html
CSS
1 vote194 views1 answer
Locate canvas in center of screen css
CSS
0 vote216 views1 answer
Code-runner.executormap kotlin
CSS
3 votes227 views1 answer
Css supports
CSS
0 vote158 views1 answer
Responsive slider with text animation codepen
CSS
0 vote203 views1 answer
Change your cursor
CSS
1 vote182 views1 answer
A open new tab css
CSS
0 vote191 views1 answer
System ui font
CSS
1 vote207 views1 answer
Restrict flex items in a row
CSS