/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

3 votes133 views1 answer
Javafx button padding css
CSS
1 vote184 views1 answer
Materialize customize container
CSS Materialize
0 vote99 views1 answer
Bootstrap modal resize with jquery
CSS
33 votes112 views6 answers
Css flex center
CSS
102 votes122 views6 answers
@media query css
CSS
0 vote105 views1 answer
How to install tailwind cdn
CSS
57 votes145 views4 answers
Css hover rounded corners
CSS
0 vote102 views1 answer
Tf.reduce_mean(y_true,y_predicted)
CSS
1 vote124 views1 answer
Css fixed center vertical
CSS
0 vote109 views1 answer
Vendor css
CSS