Đổi màu sắc Input placeholder CSS HTML 5, Change Color Placeholder như thế nào

Bạn add code sau vào để đổi màu cho các trình duyệt nhé, code bạn ở trên đúng rồi, mà nó không áp dụng cho tất cả các trình duyệt, nên bạn xem sẽ bị mờ ở 1 số trình duyệt, để fix các trình duyệt bạn add code vào như dưới:

Áp dụng cho tất cả các thẻ placeholder.

HTML:

/* do not group these rules */
*::-webkit-input-placeholder {
    color: red;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: red;
    opacity: 1;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: red;
    opacity: 1;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: red;
}
*::-ms-input-placeholder {
    /* Microsoft Edge */
    color: red;
}
*::placeholder {
    /* modern browser */
    color: red;
}

Chỉ áp dụng riêng cho thẻ input thì thêm như sau:

HTML:

/* do not group these rules */
input::-webkit-input-placeholder {
    color: #000;
}
input:-moz-placeholder {
    /* FF 4-18 */
    color: #000;
    opacity: 1;
}
input::-moz-placeholder {
    /* FF 19+ */
    color: #000;
    opacity: 1;
}
input:-ms-input-placeholder {
    /* IE 10+ */
    color: #000;
}
input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #000;
}
input::placeholder {
    /* modern browser */
    color: #000;
}