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 vote176 views1 answer
How do I add a vertical margin in css
CSS
0 vote255 views1 answer
Using target="_blank" without rel="noreferrer" (which implies rel="noopener") is a security risk in older browsers: see https://mathiasbynens.github.io/rel-noopener/#recommendations
CSS
0 vote185 views1 answer
Activate_bin_path
CSS
0 vote187 views2 answers
Add a comment in css
CSS
0 vote201 views1 answer
Bootstrap-scss github
CSS Bootstrap
56 votes190 views2 answers
Responsive css code for all screen size
CSS
2 votes162 views2 answers
Slick arrow css
CSS
0 vote203 views1 answer
Live sass compiler settings
CSS
4 votes185 views1 answer
How to center placeholdr text
CSS
20 votes174 views3 answers
Gradient border with border radius
CSS