CODE EXAMPLE FOR CSS

css detect if input has value

input:not(:placeholder-shown) {
  border-color: green;
}

input:placeholder-shown {
  border-color: red;
}