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 vote345 views1 answer
Css safari remove scrollbar
CSS
25 votes327 views4 answers
Remove outline
CSS
1 vote384 views1 answer
Scroll background still
CSS
51 votes304 views5 answers
Css reset
CSS
0 vote369 views1 answer
Space between label and input form
CSS
0 vote329 views1 answer
For loop for increment id of div in jquery
CSS
0 vote375 views1 answer
Css checkbox'':checked change color
CSS
0 vote338 views1 answer
Text truncate after 3 lines
CSS
0 vote333 views1 answer
Css user select none
CSS
1 vote312 views1 answer
Is better use px or pt
CSS