/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

2 votes253 views1 answer
How to override material ui css
CSS
0 vote215 views1 answer
Css ios media query
CSS
0 vote226 views1 answer
Make footer stick to bottom without overlap over other elements
CSS
2 votes201 views1 answer
Image crop using css 1:1
CSS
7 votes207 views3 answers
Text unselectable css
CSS
0 vote200 views1 answer
I need show the message for when we are clicking routing page in anularjs
CSS
51 votes212 views6 answers
Css nth-child
CSS
0 vote193 views1 answer
List style type none still leaves room for bullet
CSS
1 vote194 views2 answers
Css block
CSS
0 vote208 views1 answer
Flexbox froggy
CSS