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

11 votes256 views5 answers
Css affect other elements on hover
CSS
0 vote262 views2 answers
Preloader css
CSS
0 vote228 views1 answer
Convert firebase created_at to Date string
CSS
10 votes254 views5 answers
Css hr thickness
CSS
0 vote212 views1 answer
Changing bakcgound color like animation using tailwind
CSS
4 votes210 views1 answer
Overflow dottet
CSS
14 votes234 views2 answers
Media query in scss
CSS
0 vote257 views1 answer
Taille texte css
CSS
0 vote217 views1 answer
Css select element by role
CSS
19 votes218 views3 answers
Change input placeholder text css
CSS