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 vote178 views1 answer
Css div bottom of parent
CSS
0 vote236 views1 answer
Css change the accordion arrow color
CSS
0 vote200 views1 answer
Css battle 54 char
CSS
-1 vote172 views1 answer
Add css to express app
CSS
0 vote174 views1 answer
Create a specific form size and center in css
CSS
0 vote180 views1 answer
Rotate icon
CSS
156 votes261 views6 answers
Center a div css
CSS
2 votes187 views2 answers
Header center
CSS
1 vote180 views1 answer
Css system default font
CSS
2 votes179 views1 answer
Css div overlay div
CSS