/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

18 votes62 views2 answers
Hover transition css
CSS
0 vote99 views1 answer
Css opacity from 0 to 1
CSS
13 votes102 views6 answers
Bootstrap Badges
CSS
2 votes162 views2 answers
Html how to split a div into two columns
CSS
22 votes105 views3 answers
Css disable text select
CSS
0 vote147 views1 answer
Rotate keyfreame animation
CSS
-1 vote132 views5 answers
Add tailwind to next
CSS
0 vote100 views1 answer
Css grid exercise
CSS
2 votes109 views1 answer
How to put image in button css
CSS
9 votes115 views4 answers
How to stop form from submitting on enter
CSS

Share