/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 vote166 views2 answers
CSS transform properties are used to change the shape and position of the selected objects. The transform-origin property specifies the location of the element's transformation origin. By default, what is the location of the origin?
CSS
0 vote198 views1 answer
Button slanted slide on hover
CSS
61 votes245 views2 answers
Bootstrap flex direction column
CSS Bootstrap
0 vote180 views2 answers
Sass if
CSS
0 vote200 views1 answer
Text below filter css using pseudo
CSS
0 vote176 views2 answers
Css flip text
CSS
43 votes186 views6 answers
Css change background color
CSS
-1 vote172 views2 answers
How to add image with url in css
CSS
-1 vote177 views1 answer
How to many image fullscreen in css
CSS
2 votes220 views1 answer
Cdd first child
CSS