/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

70 votes128 views6 answers
Center in css
CSS
2 votes111 views1 answer
Css percent minus pixel
CSS
29 votes121 views2 answers
Scc chang the background color
CSS
0 vote116 views1 answer
Mettre image in the background
CSS
-4 votes137 views2 answers
Full width page css
CSS
13 votes133 views5 answers
Transition shorthand
CSS
0 vote119 views1 answer
Remove required effect in css
CSS
2 votes131 views1 answer
Background gradient problem
CSS
0 vote118 views1 answer
Download-a-file-in-laravel-using-a-url-to-external-resource
CSS
11 votes126 views2 answers
How to change image position in css
CSS