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

2 votes142 views1 answer
Hover effect button css
CSS
1 vote129 views1 answer
Div border glow effect css
CSS
0 vote135 views1 answer
Tag name css doesn't work
CSS
3 votes148 views2 answers
How to give shadow to navbar
CSS
42 votes218 views5 answers
Npm bootstrap
CSS Bootstrap
25 votes143 views5 answers
Scroll animation css
CSS
0 vote167 views1 answer
Change "no file chosen" pseudo css contact form 7
CSS
3 votes145 views1 answer
Inline block align center
CSS
0 vote138 views1 answer
Background Image Accessibility concerns
CSS
2 votes150 views2 answers
Nunito font
CSS