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

10 votes212 views2 answers
Import css in another css file
CSS
2 votes238 views1 answer
Css text dont select
CSS
3 votes197 views2 answers
Css onclick change color
CSS
1 vote234 views1 answer
Chrome hide blue highlight css mobile
CSS
1 vote205 views1 answer
Calculate min number in css
CSS
50 votes199 views3 answers
How to center in absolute position
CSS
38 votes206 views3 answers
Css breakpoints
CSS
1 vote198 views1 answer
Cursor: not-allowed is not working with pointe events none in css
CSS
16 votes216 views1 answer
Rgb purple color
CSS
16 votes236 views4 answers
CSS Font-Family
CSS