/CSS/How to highlight input on focus with box shadow

How to highlight input on focus with box shadow

.form-section-input {
     transition: box-shadow 300ms ease-out;
}

.form-section-input:focus {
   box-shadow: 0px 0px 5px var(--light-blue-bg-color);
}

Similar codes

0 vote193 views2 answers
Laravel 7 css loading slow
CSS
0 vote203 views4 answers
Background image stretch to fill
CSS
0 vote222 views1 answer
Css display table row gap
CSS
2 votes213 views2 answers
Remove border iframe
CSS
29 votes204 views3 answers
Green hex code
CSS
4 votes196 views2 answers
Stop text from wrapping
CSS
17 votes203 views3 answers
Rotate image in css
CSS
51 votes185 views5 answers
Css reset
CSS
9 votes221 views3 answers
How to affect a deffernt element in css
CSS
0 vote242 views1 answer
How to apply a transition to a child element when hovering over parent element
CSS