/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 vote186 views2 answers
Adding font in nextjs
CSS
0 vote179 views1 answer
Javafx css rectangle outline
CSS
19 votes182 views6 answers
Css text border
CSS
20 votes194 views2 answers
Css disable selection
CSS
0 vote182 views1 answer
Ignore default css for react Link
CSS
0 vote204 views1 answer
Css animation top goes back to start
CSS
1 vote172 views1 answer
How to remove margin of body
CSS
0 vote189 views1 answer
Css Specify that the background image should be shown once, in the top right corner
CSS
0 vote177 views1 answer
Mac input shadow
CSS
62 votes170 views3 answers
Css root variables
CSS