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

8 votes260 views3 answers
Bootstrap 4 center image
CSS Bootstrap
1 vote185 views1 answer
A open new tab css
CSS
0 vote193 views2 answers
Showing two iframes side by side
CSS
0 vote175 views1 answer
Div with no content have a width/height
CSS
3 votes208 views2 answers
Border radius not working
CSS
0 vote198 views1 answer
Resctrict css to apply on div
CSS
0 vote170 views1 answer
Product list fix height image css
CSS
0 vote217 views1 answer
Map find link href element click
CSS
0 vote201 views1 answer
Css start animation on hover
CSS
0 vote167 views1 answer
Font weightcss
CSS