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 vote168 views1 answer
Remove the dotted border on links
CSS
3 votes182 views2 answers
Backdrop filter all properties
CSS
0 vote174 views1 answer
Font helvetica css
CSS
0 vote184 views3 answers
Css class selector
CSS
1 vote175 views1 answer
SCSS Breakpoints
CSS
0 vote266 views1 answer
Set border only left and right css
CSS
18 votes203 views6 answers
Css box sizing
CSS
0 vote181 views2 answers
After and before css
CSS
0 vote178 views1 answer
Tailwindcss link tag
CSS
3 votes165 views2 answers
Expo vector icons install
CSS