change border color of input field css on focus code example
Example 1: 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;
}
Example 2: change input border color when selected
input:focus {
outline: none;
border: 1px solid red;
}