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

15 votes357 views2 answers
How to make a div scrollable vertically
CSS
0 vote369 views1 answer
Align items in span to center
CSS
0 vote322 views1 answer
How to give a background color strip in html and css
CSS
0 vote353 views1 answer
Width 33 css
CSS
0 vote373 views1 answer
Sass immediate child
CSS
1 vote319 views1 answer
Ionic ios remove button appearance
CSS
6 votes358 views4 answers
Backdrop filter css
CSS
0 vote357 views1 answer
CodeIgniter + WordPress integration
CSS
39 votes364 views3 answers
How to do a background blur in css
CSS
29 votes365 views2 answers
@font-face rule in css
CSS