/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 vote324 views2 answers
How to define max number of character for a paragraph css
CSS
0 vote283 views1 answer
Horizontal checkbox css
CSS
0 vote284 views1 answer
Css animation not smooth site:stackoverflow.com
CSS
0 vote301 views1 answer
Code css for mozila
CSS
1 vote308 views1 answer
Image grascale css
CSS
0 vote306 views1 answer
How to override bootstrap css in wordpress
CSS
0 vote295 views1 answer
Is there a min-left css attribute
CSS
0 vote300 views1 answer
How to make website using html and css
CSS
0 vote277 views1 answer
Css varianbes
CSS
27 votes310 views6 answers
Import font css
CSS