Focus in styled component

 &:focus {
        outline: none;
        box-shadow: 0px 0px 2px red;
 }

//check for focus with in (on a child)
 &:focus-within {
    border: 2px solid #1FC2FF;
}

Similar codes

4 votes130 views2 answers
Stop text from wrapping
CSS
0 vote149 views1 answer
Change parent div css on over of child
CSS
0 vote91 views1 answer
Matsnackbar background color
CSS
9 votes140 views4 answers
Css animation shorthand
CSS
8 votes141 views2 answers
Html how to change highlight color
CSS
-1 vote142 views1 answer
Select box arrow hide css in ie
CSS
0 vote154 views1 answer
Css check if class as color white
CSS
2 votes144 views1 answer
How to override material ui css
CSS
1 vote133 views2 answers
Inline border css reactjs
CSS
0 vote131 views1 answer
Shadow on hover class on card bootstrap
CSS