/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

13 votes352 views2 answers
How to add background in css
CSS
3 votes433 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS Bootstrap
0 vote306 views1 answer
Video camera icon font awesome
CSS
0 vote355 views1 answer
How to allow text to be copied in an input element ionic
CSS
1 vote333 views1 answer
Floating object animation css
CSS
9 votes369 views2 answers
Background css
CSS
0 vote352 views1 answer
Css blur background behind div
CSS
21 votes347 views3 answers
Disable cursor css
CSS
0 vote390 views2 answers
Make all images same size bootstrap
CSS Bootstrap
1 vote416 views1 answer
This selector doesn't have any properties and won't be rendered. sass
CSS