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 vote140 views3 answers
Ignore certificare ssl
CSS
63 votes189 views6 answers
Html center image
CSS
37 votes217 views1 answer
Placeholder font size
CSS
2 votes174 views2 answers
Css attr(data-hover)
CSS
1 vote155 views2 answers
Set an image half its original size css
CSS
-1 vote154 views2 answers
How to add image with url in css
CSS
0 vote171 views1 answer
Why does my min and max-wodth only stay on min-width html css
CSS
0 vote147 views2 answers
Position relative and absolute difference in css
CSS
1 vote175 views1 answer
Css code examples
CSS
0 vote170 views2 answers
Woocommerce cart css description
CSS