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 vote195 views1 answer
Gh: stop using --force !!!
CSS
0 vote211 views1 answer
Lando expose database port
CSS
1 vote370 views2 answers
Css syntax examples
CSS
0 vote209 views1 answer
How to change a checkbox to be selected
CSS
1 vote222 views1 answer
Macbook change screenshot to jpg
CSS
1 vote262 views2 answers
Set custom cursor
CSS
0 vote193 views1 answer
Autocomplete widget set z-index
CSS
0 vote195 views1 answer
Css border with 8 values
CSS
3 votes183 views1 answer
Double line borders in html
CSS
0 vote194 views1 answer
Nginx proxy_pass pass css asset not loading
CSS