/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 vote350 views1 answer
Css super smooth shadow
CSS
0 vote357 views1 answer
Css3 ripple loop
CSS
1 vote343 views1 answer
Css how to hyperlink
CSS
0 vote395 views1 answer
Background url with color css
CSS
1 vote321 views1 answer
Css media queries between two sizes
CSS
0 vote342 views1 answer
Sub menu disappears on hover css
CSS
0 vote364 views1 answer
Add glow to image css
CSS
0 vote346 views1 answer
Css not last of type
CSS
1 vote356 views1 answer
Detect portrait landscape css
CSS
0 vote348 views1 answer
Css button click color
CSS