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 vote361 views1 answer
Paper.css
CSS
0 vote357 views1 answer
Adding active Class with JavaScript
CSS
-1 vote297 views1 answer
Minifoie css
CSS
0 vote327 views2 answers
How to remove default look of button
CSS
1 vote346 views1 answer
Css ecken abrunden
CSS
0 vote444 views1 answer
React bootstrap css module use media query mixin
CSS Bootstrap
1 vote388 views1 answer
Css cursor size
CSS
1 vote367 views1 answer
Input type search remove x
CSS
9 votes382 views3 answers
Bootstrap badge color
CSS Bootstrap
20 votes336 views6 answers
Remove bullets from ul
CSS