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

1 vote110 views1 answer
Font condensed
CSS
0 vote126 views1 answer
Css percentrage minus px
CSS
0 vote141 views1 answer
Sticky footer not working bootstrap
CSS Bootstrap
0 vote129 views1 answer
Color transition time css
CSS
17 votes126 views3 answers
Css hover mouse hand
CSS
1 vote174 views2 answers
Css all ids starting with
CSS
1 vote119 views1 answer
Locate canvas in center of screen css
CSS
35 votes121 views4 answers
Open command palette vscode mac
CSS
56 votes116 views3 answers
How to make a round corner in CSS
CSS
114 votes129 views6 answers
Hide scrollbar css
CSS