/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 vote310 views1 answer
Border box reset
CSS
0 vote336 views1 answer
Input type (submit, button, reset) css
CSS
0 vote351 views1 answer
Css background for text
CSS
10 votes331 views1 answer
Rotate image css mdn
CSS
0 vote370 views1 answer
Html css make p div into two lines
CSS
0 vote321 views1 answer
Add elipses to a dom element with css
CSS
42 votes363 views5 answers
Split text javascript
CSS
2 votes378 views1 answer
Large input box bootstrap 4
CSS Bootstrap
0 vote299 views3 answers
Css how to make 2d animations at once
CSS
2 votes357 views2 answers
Html font white text with black border
CSS