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 vote161 views1 answer
.quform-sub-label
CSS
0 vote153 views1 answer
Css float placeholder
CSS
1 vote152 views2 answers
Css scroll y showing scroll bar
CSS
2 votes158 views2 answers
How to put the input box and the label on top of input
CSS
7 votes161 views2 answers
Scss extend
CSS
0 vote177 views2 answers
Ihr seid alle dumabtu
CSS
1 vote175 views1 answer
How to remove lines from textarea
CSS
0 vote153 views1 answer
Secondline ellipsis
CSS
5 votes164 views5 answers
Css disable zoom on mobile
CSS
0 vote168 views1 answer
Wordpress header script add
CSS