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 vote189 views1 answer
Change your cursor
CSS
56 votes207 views3 answers
Donald trump twitter
CSS
0 vote206 views1 answer
Css media query for mobile and hide a row wordpress
CSS
17 votes181 views1 answer
Artillery annot be loaded because running scripts is disabled on this system
CSS
0 vote184 views1 answer
Css psedou content data
CSS
0 vote165 views1 answer
Css basics
CSS
5 votes208 views3 answers
Set scroll position bottom in div css
CSS
39 votes179 views6 answers
Css first child
CSS
33 votes202 views6 answers
Custom Cursor css
CSS
0 vote222 views1 answer
Css beutify scroller
CSS