Parece que ::-webkit-input-placeholder no es la forma correcta de hacerlo.

Deberías usarlo así:

 ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: red; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: red; } ::-ms-input-placeholder { /* Microsoft Edge */ color: red; }

Lea más aquí: w3schools

::-webkit-input-placeholder no se aplica a todos los navegadores
usar :: marcador de posición

 .class::placeholder{ color: red; }