/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 vote220 views2 answers
Change nav background color on scroll css without bootstrap
CSS Bootstrap
0 vote180 views1 answer
Css style nth child beyond certain number
CSS
0 vote172 views1 answer
Css grow
CSS
184 votes477 views6 answers
Css shadow border
CSS
19 votes210 views2 answers
Border color css
CSS
1 vote250 views1 answer
Css spread children horizontally
CSS
-1 vote183 views2 answers
Make all images same size bootstrap
CSS
0 vote169 views1 answer
Css position element in the middle of a header
CSS
29 votes169 views6 answers
Box-shadow
CSS
3 votes169 views3 answers
Css blur text
CSS

Share