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

10 votes155 views5 answers
Css hr thickness
CSS
1 vote122 views1 answer
Css fade in and stay
CSS
4 votes91 views1 answer
Change hex background opacity css
CSS
1 vote124 views1 answer
Css background offset
CSS
0 vote169 views1 answer
Change "no file chosen" pseudo css contact form 7
CSS
0 vote137 views1 answer
Firefox-scroll-css
CSS
20 votes102 views4 answers
Css display vertical align
CSS
0 vote145 views1 answer
Css orientations
CSS
9 votes156 views5 answers
Html button size
CSS
8 votes143 views3 answers
Select first div css
CSS