/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 vote338 views1 answer
Css how to center a link
CSS
0 vote427 views2 answers
Bootstrap 4 scss angular 8
CSS Bootstrap
0 vote353 views1 answer
Canvas disable antialiasing
CSS
27 votes386 views1 answer
How to use gradient as text color
CSS
4 votes373 views2 answers
Change element in iframe
CSS
1 vote329 views1 answer
How to add background image in a container css
CSS
0 vote337 views1 answer
Long text coming out of the block
CSS
0 vote333 views1 answer
Css - use universal '*' selector vs. html or body selector?
CSS
0 vote317 views1 answer
Div style how to wrap around
CSS
71 votes361 views6 answers
How to center items in css
CSS