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 vote331 views1 answer
Tailwindcss top
CSS
16 votes304 views4 answers
Arrow left css
CSS
0 vote331 views1 answer
Css selector data-entity-type
CSS
1 vote331 views1 answer
Css only select parent
CSS
0 vote302 views1 answer
Style image so it crops
CSS
0 vote348 views1 answer
Working with tailwind css on your react build
CSS
-2 votes298 views3 answers
Css example
CSS
3 votes297 views1 answer
Background image css django
CSS
1 vote300 views1 answer
Apply css if class not present
CSS
0 vote294 views1 answer
How to fix the html on tablet movement
CSS