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

14 votes199 views2 answers
.col-12 bootstrap
CSS
11 votes223 views2 answers
Css click through an element
CSS
1 vote255 views2 answers
Change nav background color on scroll css without bootstrap
CSS Bootstrap
0 vote225 views1 answer
"selector-max-specificity"
CSS
0 vote201 views1 answer
Css ninja
CSS
2 votes211 views1 answer
Flexbox go to next row
CSS
0 vote231 views2 answers
Open sublime text 3 from terminal mac
CSS
12 votes200 views1 answer
How to make borders rounded in css
CSS
0 vote198 views1 answer
Glass div generator
CSS
0 vote219 views1 answer
Css !important
CSS