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 vote154 views2 answers
Bootstrap 4 popover content from div
CSS Bootstrap
0 vote119 views1 answer
Width calc(100 - 100px)
CSS
17 votes110 views2 answers
Center div vertically with flexbox
CSS
2 votes117 views3 answers
Css select first word
CSS
3 votes106 views2 answers
Css for internet explorer only
CSS
0 vote120 views1 answer
Flutter replacement for flatbutton
CSS
0 vote112 views1 answer
Css light mode
CSS
1 vote117 views1 answer
Css make image gray
CSS
15 votes110 views2 answers
Background-image: url opacity
CSS
10 votes120 views6 answers
Css hover change another element
CSS