/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 vote182 views1 answer
Add dots instead of line break in css
CSS
0 vote164 views1 answer
Easyui datagrid header multiline
CSS
0 vote189 views1 answer
#f7fafc
CSS
0 vote151 views1 answer
Ghjhgggggggg
CSS
10 votes151 views6 answers
Css hover change another element
CSS
0 vote166 views1 answer
Input checkbox size css
CSS
18 votes118 views2 answers
Red rgba
CSS
28 votes151 views6 answers
Margin
CSS
8 votes172 views2 answers
Css margin bottom
CSS
1 vote174 views2 answers
How to add tailwind css in yarn
CSS