/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

0 vote242 views1 answer
Slect all li that not have ul
CSS
0 vote238 views1 answer
How to apply css on react chartjs
CSS
0 vote249 views1 answer
Media-queries
CSS
34 votes230 views6 answers
Css linear gradient
CSS
1 vote252 views3 answers
Jquery set div height dynamically
CSS
0 vote242 views1 answer
Ellipsis css in table cell 2 lines
CSS
-1 vote249 views2 answers
Bootstrap 4 popover content from div
CSS
1 vote235 views1 answer
Change scroll style angular
CSS
1 vote236 views1 answer
Code changes to Hostgator not being reflected
CSS
41 votes246 views4 answers
How to center text in css
CSS

Share