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 vote261 views1 answer
How to apply css on react chartjs
CSS
0 vote273 views2 answers
Superscript css
CSS
0 vote266 views1 answer
Autoprefixer\
CSS
0 vote244 views1 answer
Sdsd
CSS
0 vote260 views2 answers
Css animation not working
CSS
0 vote281 views1 answer
Change last character color css
CSS
1 vote268 views2 answers
How to change highlight color on website
CSS
1 vote254 views1 answer
How to use rgba in css
CSS
0 vote316 views1 answer
How do I make secret keys available in gatsby-config from Netlify
CSS
0 vote273 views1 answer
Css check if class as color white
CSS