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

1 vote289 views1 answer
Detect portrait landscape css
CSS
-1 vote315 views2 answers
Css clip path text
CSS
51 votes277 views6 answers
Css nth-child
CSS
3 votes303 views3 answers
How to use image zoom effect in css
CSS
1 vote295 views1 answer
How to add 2 text shadows
CSS
1 vote256 views1 answer
How to serve css through go
CSS
0 vote280 views1 answer
Center a spinner css
CSS
43 votes243 views6 answers
Css font color
CSS
0 vote346 views1 answer
How to make bootstrap cards same height css trics
CSS Bootstrap
4 votes286 views1 answer
How to center placeholdr text
CSS