Check if input is empty css

/* If input is not empty */
input:not(:placeholder-shown) {
  /* You need to add a placeholder to your fields. For example: <input "placeholder=" "/> */
  border-color: green;
}

/* If input is empty */
input:placeholder-shown {
  border-color: red;
}

Source: stackoverflow.com

Similar codes

0 vote264 views1 answer
Ecto generator create new mvc
CSS
0 vote239 views2 answers
Css grid reverse column order
CSS
0 vote243 views1 answer
Calc in css fonts
CSS
1 vote262 views2 answers
Change nav background color on scroll css without bootstrap
CSS Bootstrap
0 vote236 views1 answer
Focus in styled component
CSS
9 votes247 views2 answers
Align items in row css
CSS
1 vote241 views3 answers
Space between items in css
CSS
0 vote233 views1 answer
Css button no style
CSS
0 vote244 views1 answer
Installer scss projet wordpress
CSS
0 vote247 views2 answers
How to make an image not blurry when stretched css
CSS