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 vote392 views1 answer
Css input not clickable
CSS
1 vote386 views2 answers
Apply style to second child div
CSS
2 votes355 views3 answers
Css button transparent
CSS
0 vote344 views1 answer
Mixin parameters
CSS
0 vote361 views1 answer
Css break after 2 words
CSS
0 vote335 views1 answer
Svg style css
CSS
9 votes341 views3 answers
Outline button css
CSS
17 votes343 views1 answer
Sass calc with variable
CSS
0 vote347 views1 answer
Download-a-file-in-laravel-using-a-url-to-external-resource
CSS
8 votes373 views3 answers
Text break css
CSS