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

2 votes329 views1 answer
Css content space
CSS
0 vote386 views1 answer
Media queries css wit logical operators
CSS
0 vote372 views1 answer
How to display a header in the center of the column in css
CSS
1 vote396 views1 answer
Overflow text newline
CSS
6 votes424 views5 answers
Font-style css
CSS
14 votes428 views2 answers
.col-12 bootstrap
CSS Bootstrap
0 vote425 views1 answer
Import global variables scss angular
CSS
197 votes595 views6 answers
Connect html file to css
CSS
0 vote350 views1 answer
Circle percentage css
CSS
0 vote356 views1 answer
How to link css file nodjes
CSS