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

0 vote344 views2 answers
Nav items moving when hover
CSS
3 votes312 views1 answer
Include screen size
CSS
0 vote315 views1 answer
Css input not clickable
CSS
0 vote283 views2 answers
Background blend mode
CSS
1 vote272 views1 answer
Export database spinup on terminal commands
CSS
73 votes257 views6 answers
Flexbox in css
CSS
18 votes315 views3 answers
Css center alignment
CSS
4 votes279 views2 answers
Css trim text
CSS
0 vote303 views1 answer
How to take only part of an image css
CSS
2 votes296 views1 answer
Change font size in textarea html
CSS