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

6 votes132 views3 answers
Linear-gradient(top to bottom)
CSS
0 vote124 views1 answer
How to get text to auto break in a grid
CSS
0 vote118 views1 answer
Css centrar imagen
CSS
1 vote134 views1 answer
Gatsby hide scrollbar
CSS
0 vote173 views1 answer
Bootstrap ol
CSS Bootstrap
0 vote142 views10 answers
How to create a snake game in html css js
CSS
0 vote131 views1 answer
What is focus state in css
CSS
0 vote125 views1 answer
Mettre un element en avant css
CSS
0 vote136 views1 answer
Effetto fade con css
CSS
0 vote131 views1 answer
Tailwindcss tutorial
CSS