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 vote106 views1 answer
Overwrite theme css in parent css
CSS
4 votes122 views2 answers
How to make background fixed while scrolling
CSS
1 vote120 views1 answer
Why is my css code not working
CSS
0 vote130 views2 answers
Add profile picture to a form in html and css
CSS
0 vote111 views1 answer
Load hidden image to HTML
CSS
0 vote108 views1 answer
How to stilize title property css
CSS
0 vote117 views1 answer
Text weaving animation in css
CSS
0 vote123 views2 answers
How to remove input background on select oin css
CSS
23 votes154 views5 answers
How to rotate image in css
CSS
0 vote118 views3 answers
Bootstrap grid only css npm install
CSS