/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

2 votes353 views3 answers
Css cursor delete
CSS
3 votes329 views1 answer
Css image fit in div with aspect ratio
CSS
1 vote347 views1 answer
Animated background css
CSS
34 votes360 views3 answers
Css blur background image only
CSS
14 votes370 views5 answers
Input number hide arrows
CSS
1 vote340 views1 answer
Double color background css
CSS
3 votes353 views5 answers
Css keep aspect ratio image
CSS
0 vote352 views1 answer
Css option value
CSS
1 vote312 views2 answers
Hide text css
CSS
0 vote350 views1 answer
Tailwind css ui dropdown
CSS

Share