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

8 votes293 views2 answers
How to add border in css
CSS
1 vote232 views1 answer
Scroll bottom css
CSS
0 vote276 views1 answer
Jquery replace css class
CSS
1 vote260 views1 answer
Bootstrap Changing the separator
CSS Bootstrap
7 votes237 views1 answer
How many fonts can i add in a css font-face
CSS
17 votes245 views4 answers
Get featured image post wordpress by post id
CSS
1 vote273 views1 answer
Css fixed center vertical
CSS
1 vote237 views1 answer
Overflow: scroll displaces the inline element
CSS
1 vote236 views1 answer
Ionic input line color
CSS
0 vote288 views1 answer
Keeping text to be in one line
CSS