Как сделать отдельный цвет у * в input?

Question

[Тимофей Белоусов]

Доброго времени суток народ, как реализовать такую шутку? Просто не знаю как правильно сформировать вопрос для дяди "Гугл"!!!
Вот


Есть варианты как реализовать его, например через after, но это уже не получиться сделать через input, как быть? Что подскажите делать?

Answer 1

[L0k1]

input::-webkit-input-placeholder:after{
   content: '*';
   color: red;
}

в чем проблема собственно?

Comments

[Тимофей Белоусов]

Спасибо, не знал что так можно реализовать)))

[Тимофей Белоусов]

Мозила и ие не поддерживает это(( Что делать, не подскажите?

[L0k1]

ну я же дал направление. гугл сломался??
::-webkit-input-placeholder { color:#f00; } /*chrome*/
::-moz-placeholder { color:#f00; } /* firefox 19+ */
:-ms-input-placeholder { color:#f00; } /* ie10 */
в старых ие работать естественно не будет

[Тимофей Белоусов]

L0k1: Я то понял направление, искал, ничего нету, jsfiddle.net/c6682ayn , в мозиле и ие этот способ не работает, не воспринимает after, вот в чем проблема

[L0k1]

да, ff не хавает. ну выкрутись как-нибудь по-другому, костыль какой-нибудь придумай - codepen.io/L0k1/pen/JoEVKp

но я бы js для такой ерунды не использовал бы

[Тимофей Белоусов]

L0k1: Я думал о таком варианте, но блин из-за одной звездочки, делать такую структуру, как-то не целесообразно! Но все же спасибо.

Answer 2

[Виолетта Морозова]

Честно говоря, на данный момент этот способ не работает почему-то. Даже в вашем примере. Неужели данную фичу выпилили уже? ;((

Но к счастью, есть другое прекрасное несложное решение ru.stackoverflow.com/questions/298676/%D0%9A%D0%B0...