/CSS/Delected blue border when an input is selected

Delected blue border when an input is selected

Remove blue border on a input

input:focus {
    outline: none !important;
}

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

Delected blue border when an input is selected

//SCSS format

input{
  &:focus { 
    outline: none !important;
    }
}
textarea{
  &:focus { 
    outline: none !important;
    }
}

Source: stackoverflow.com

Similar codes

1 vote118 views1 answer
Hardball rifler
CSS
31 votes119 views6 answers
Linear gradient
CSS
1 vote138 views1 answer
Multiple divs next to each other
CSS
3 votes110 views2 answers
How to make image not draggable in html
CSS
1 vote112 views1 answer
Centering items in react css
CSS
10 votes124 views4 answers
Bootstrap badges Links
CSS
0 vote118 views1 answer
Paste in form field cordova app
CSS
0 vote120 views1 answer
Border radius circle button
CSS
3 votes120 views2 answers
Css element with id and class
CSS
-1 vote101 views1 answer
How to do text center of select element
CSS