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 vote184 views1 answer
Css top right corner
CSS
1 vote162 views2 answers
How to middle fixed element
CSS
-2 votes148 views1 answer
Django won't load static css
CSS
9 votes169 views3 answers
How to change another element on hover
CSS
2 votes166 views2 answers
Box shadow css transition
CSS
0 vote207 views1 answer
Bootstrap-navbar-container-fluid
CSS Bootstrap
3 votes186 views2 answers
Scss transition
CSS
3 votes181 views1 answer
Get company id odoo
CSS
2 votes166 views1 answer
Ion input change font size
CSS
0 vote162 views1 answer
Bind 'fill' inside ':svg:path' with scss variables
CSS