/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 vote317 views1 answer
Get into a Docker container bash
CSS
0 vote275 views1 answer
Divi submenu collapse by default
CSS
3 votes286 views3 answers
Svg animation css
CSS
17 votes300 views3 answers
Rotate image in css
CSS
5 votes265 views1 answer
Css assign multiple classes to one element
CSS
15 votes292 views3 answers
Css change text
CSS
0 vote277 views1 answer
Style image so it crops
CSS
0 vote288 views1 answer
Css using the same background-color as the parent background
CSS
0 vote289 views1 answer
Center a spinner css
CSS
4 votes324 views5 answers
Bootstrap img src
CSS Bootstrap