How To Change Input Border Color 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;
}

Comments

Popular posts from this blog

530 Valid Hostname Is Expected When Setting Up IIS 10 For Multiple Sites

C Perror Example

Converting A String To Int In Groovy