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

179 votes285 views6 answers
Filter method
CSS
3 votes135 views1 answer
Css image fit in div with aspect ratio
CSS
0 vote134 views1 answer
Jquery woocommerce disable add to cart css
CSS
0 vote146 views1 answer
Aligning form elements to center in css
CSS
-1 vote133 views1 answer
Add css to express app
CSS
20 votes120 views6 answers
Fonts for css
CSS
2 votes128 views1 answer
Coustomize srollbar
CSS
2 votes136 views1 answer
Kerning css
CSS
0 vote133 views1 answer
Css html attribut
CSS
0 vote129 views1 answer
No zoom viewport
CSS