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 vote274 views1 answer
Add glow to image css
CSS
5 votes247 views1 answer
Hidden elements blinking on hover
CSS
0 vote244 views1 answer
Css perspective
CSS
-1 vote248 views1 answer
How to use a blank space with grid template areas css
CSS
0 vote257 views1 answer
Ios safe area
CSS
0 vote253 views1 answer
Hovered one element change styles for another css
CSS
2 votes252 views1 answer
Css minmax
CSS
6 votes250 views2 answers
How to make all the columns equal size with flexbox
CSS
0 vote267 views1 answer
Ordered list indent
CSS
0 vote238 views2 answers
How to select elements from a parrent element css
CSS