input::placeholder {
    color: #888888; /* Change this to your desired color */
    opacity: 1; /* Optional: ensures full visibility of the placeholder text */
}

/* For better browser support, you can include vendor prefixes */
input::-webkit-input-placeholder {
    color: #888888;
}

input:-ms-input-placeholder {
    color: #888888;
}

input::-moz-placeholder {
    color: #888888;
    opacity: 1;
}

input:-moz-placeholder {
    color: #888888;
    opacity: 1;
}