/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

7 votes173 views1 answer
Col md 12
CSS
12 votes204 views4 answers
Hover on one div affect another
CSS
1 vote197 views1 answer
Highlight table row on hover
CSS
0 vote223 views1 answer
Using tinymce with tailwind css
CSS
0 vote209 views2 answers
COMENTARIOS EN CSS
CSS
4 votes187 views2 answers
Amc
CSS
20 votes217 views3 answers
Text overflow ellipsis two lines
CSS
0 vote253 views2 answers
Css style select arrow color
CSS
1 vote234 views3 answers
Selenium find element by css selector
CSS
56 votes222 views6 answers
Center with css
CSS