/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

1 vote178 views1 answer
Ionic ios remove button appearance
CSS
0 vote175 views1 answer
Text align left in span
CSS
0 vote183 views1 answer
Nhandled Rejection (TypeError): Cannot read property
CSS
0 vote184 views1 answer
Javascript typewriter effect left to right
CSS
0 vote273 views2 answers
Css combinators
CSS
0 vote192 views1 answer
How to allow text to be copied in an input element ionic
CSS
0 vote166 views1 answer
Background color in hex css
CSS
0 vote196 views1 answer
Add glow to image css
CSS
0 vote189 views1 answer
Inexorably
CSS
3 votes182 views2 answers
Hr tag customize using css
CSS