Как сделать отдельный цвет у * в input?
input::-webkit-input-placeholder:after{
   content: '*';
   color: red;
}
в чем проблема собственно?
Честно говоря, на данный момент этот способ не работает почему-то. Даже в вашем примере. Неужели данную фичу выпилили уже? ;((
Но к счастью, есть другое прекрасное несложное решение ru.stackoverflow.com/questions/298676/%D0%9A%D0%B0...