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 vote320 views1 answer
Css select havig both classes
CSS
3 votes327 views2 answers
Css border radius not working
CSS
0 vote363 views1 answer
How to remove default padding of div
CSS
1 vote327 views1 answer
Two classes css modules
CSS
0 vote327 views1 answer
How to create polaroid effect in css
CSS
6 votes326 views2 answers
Html table scrollable body fixed header
CSS
0 vote314 views1 answer
Darken scss
CSS
9 votes327 views2 answers
Css percent scale checkbox
CSS
0 vote344 views1 answer
Grid style form
CSS
94 votes331 views2 answers
Css code to make text bold
CSS