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 vote146 views1 answer
Mdn css marker
CSS
1 vote126 views2 answers
Fixed within the div css
CSS
0 vote142 views1 answer
Viewport is 480 pixels or smaller css
CSS
0 vote147 views1 answer
Button not aligning right css
CSS
9 votes147 views6 answers
Round button css
CSS
0 vote151 views1 answer
How to add space inbetween lines in html
CSS
238 votes312 views5 answers
Include bootstrap
CSS Bootstrap
3 votes140 views3 answers
Css border left
CSS
0 vote149 views2 answers
Css setting table column width
CSS
0 vote140 views1 answer
Download-a-file-in-laravel-using-a-url-to-external-resource
CSS