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 vote153 views1 answer
Advanced custom fields cpt options pages
CSS
0 vote217 views1 answer
Button transition
CSS
1 vote201 views2 answers
Inner border css
CSS
1 vote211 views2 answers
What is css selector
CSS
1 vote213 views1 answer
How to validate mail adress css
CSS
19 votes192 views2 answers
Center div css flex
CSS
0 vote225 views2 answers
How to bring a text in middle center of a tile css in anchor tag inline elements
CSS
1 vote230 views2 answers
Change nav background color on scroll css without bootstrap
CSS Bootstrap
0 vote196 views2 answers
How to remove default look of button
CSS
0 vote208 views1 answer
Flexbox froggy
CSS