/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 vote152 views2 answers
Webpack animate.css
CSS
13 votes190 views7 answers
Animate.css
CSS
0 vote144 views1 answer
Css contain property
CSS
0 vote155 views1 answer
Not focus css
CSS
3 votes167 views2 answers
Scss sass watch command line
CSS
62 votes151 views5 answers
Media max width css
CSS
4 votes147 views1 answer
How to make image not repeat on background
CSS
0 vote191 views1 answer
How to access a value defined in the application.properties file in Spring Boot
CSS
1 vote170 views1 answer
Position footer to stay at bottom of screen flexbox
CSS
1 vote167 views1 answer
Css thinner hr
CSS