/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

6 votes203 views3 answers
Css for safari only
CSS
0 vote185 views1 answer
Bootstrap-navbar-container-fluid
CSS
1 vote194 views1 answer
Css invert columns
CSS
0 vote195 views1 answer
Bootstrap modal resize with jquery
CSS Bootstrap
0 vote165 views1 answer
How to make distance betwwen corosel transition
CSS
0 vote174 views1 answer
Css buchstaben auseinander weite
CSS
1 vote176 views6 answers
Tailwind css in react
CSS
1 vote184 views1 answer
Css selector no attribute
CSS
22 votes208 views6 answers
Box shadow css
CSS
1 vote186 views4 answers
Screen orientation css
CSS

Share