/CSS/How to stop input from highlighting onclick

How to stop input from highlighting onclick

Change border highlight color on an input text element

.input:focus {
    outline: none !important;
    border:1px solid red;
    box-shadow: 0 0 10px #719ECE;
}

1

Source: stackoverflow.com

Delected blue border when an input is selected

//SCSS format

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

0

Source: stackoverflow.com

How to stop input from highlighting onclick

//SCSS format

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

0

Similar codes

1 vote257 views1 answer
Why is my css code not working
CSS
0 vote254 views1 answer
Spinner in html css react
CSS
56 votes250 views6 answers
How to center divs in css
CSS
-1 vote235 views1 answer
Css font family for all titles
CSS
8 votes266 views2 answers
Reset submit input style
CSS
1 vote275 views1 answer
Lightred color hex
CSS
0 vote253 views1 answer
Css background image svg not showing
CSS
0 vote255 views1 answer
How to manage overflowing text in button
CSS
0 vote308 views1 answer
Farther of genetics
CSS
1 vote268 views1 answer
How to highlight input on focus with box shadow
CSS

Share