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 vote296 views1 answer
Specific id under class css
CSS
16 votes312 views2 answers
Not last child css
CSS
0 vote383 views1 answer
Not focus css
CSS
1 vote298 views1 answer
Wave css
CSS
0 vote325 views1 answer
Css 2 divs nebeneinander
CSS
3 votes306 views3 answers
Font shadow css
CSS
1 vote299 views1 answer
Input start typing in the center
CSS
0 vote318 views1 answer
Rotate box-shadow
CSS
0 vote291 views1 answer
Radio button css only 1
CSS
7 votes331 views2 answers
Css change link color in class
CSS