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 vote232 views1 answer
Flexbox froggy
CSS
1 vote243 views1 answer
Css font-variant
CSS
1 vote228 views1 answer
Input type search remove x
CSS
-1 vote208 views2 answers
Cliping setting
CSS
0 vote215 views1 answer
Css all clases which start with col-
CSS
1 vote203 views1 answer
How to desactivate txt selection css
CSS
4 votes213 views2 answers
Bootstrap Image thumbnails
CSS
13 votes231 views6 answers
Line css
CSS
0 vote232 views3 answers
Css keep focus color on div after click
CSS
0 vote302 views1 answer
Line not breaking css
CSS