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 vote204 views1 answer
All Stylesheet Media Types
CSS
2 votes229 views1 answer
Give transition on box shadow
CSS
-1 vote224 views1 answer
How to hover div in css
CSS
1 vote218 views2 answers
Css let div be last
CSS
86 votes204 views3 answers
Css tekst bold
CSS
2 votes213 views2 answers
Why is my css not working
CSS
2 votes207 views2 answers
How to give 2 different background color css
CSS
0 vote221 views1 answer
Disable text higlighting css
CSS
1 vote235 views1 answer
How to do a smooth transform scale
CSS
1 vote228 views2 answers
Css clearfix for floats with display table and clear both
CSS