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

2 votes116 views1 answer
Underline css animation hover
CSS
1 vote130 views1 answer
Ionchips scroll x
CSS
0 vote130 views1 answer
Change font size according to screen css
CSS
4 votes172 views1 answer
Striped tables css
CSS
0 vote245 views2 answers
Fix materialize form label not working
CSS Materialize
1 vote117 views1 answer
Add black above image css
CSS
0 vote120 views1 answer
Backface-visibility sass
CSS
9 votes137 views4 answers
How to stop form from submitting on enter
CSS
2 votes140 views2 answers
Css display none transition
CSS
1 vote120 views1 answer
React hide scrollbar
CSS