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 vote157 views1 answer
Rotate icon
CSS
1 vote149 views1 answer
How to check if eloquent result is empty
CSS
1 vote168 views1 answer
Css contenteditable outline
CSS
0 vote156 views2 answers
Can i use css in react native
CSS
0 vote146 views1 answer
Building Multi-Architecture Docker Images on ARM 64-bit
CSS
16 votes172 views4 answers
Arrow right css
CSS
1 vote159 views1 answer
Css different sreen size
CSS
0 vote194 views1 answer
Span to left css
CSS
0 vote144 views1 answer
Fabric bring to front element top
CSS
0 vote137 views1 answer
Csshx iterm2
CSS