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 vote214 views1 answer
Remove grayscale no filter css
CSS
0 vote187 views1 answer
Remove a styles css class with javafx
CSS
1 vote190 views2 answers
Css disabled option
CSS
120 votes193 views3 answers
React import bootstrap css file
CSS
0 vote174 views1 answer
Table td remove padding
CSS
0 vote197 views1 answer
How to hide text that is longer than its parent div
CSS
0 vote237 views1 answer
Move list item to left css
CSS
1 vote250 views2 answers
Input autocomplete css color
CSS
1 vote191 views1 answer
Css linkup
CSS
44 votes172 views6 answers
How to center a div element
CSS