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

1 vote374 views1 answer
Css fixed center vertical
CSS
0 vote312 views1 answer
Css design guideline
CSS
0 vote347 views1 answer
Css start animation on hover
CSS
3 votes326 views2 answers
Align an entire second row center css grid
CSS
27 votes357 views3 answers
Align div to center of screen
CSS
4 votes343 views1 answer
Make border to div
CSS
165 votes391 views6 answers
How to make text bold in css
CSS
-1 vote318 views1 answer
Html sticky
CSS
4 votes325 views2 answers
Gradient over image css
CSS
6 votes349 views5 answers
Object fit css
CSS