Как указать цвет части текста в input?

Question

[Kirill Popolov]

Добрый день.
Есть задача:

Помимо битья дизайнера по рукам, какие есть способы решить проблему?

Конкретно проблема заключается в том, что нужно "звездочку" размещать непосредственно в конце "плейсхолдера" (в данном случае default value). Подгонять каждую с помощью position: absolute и top/left совсем неохота.

Answer 1

[Константин Китманов]

Придется вспомнить, как мы это делали до появления нативной поддержки плейсхолдеров.

1. Под инпут кладем спан со словом и звездочкой.
2. При фокусе на инпут скрываем этот спан.
3. При блюре — если инпут пустой, то снова показываем этот спан.

Answer 2

[Петруша Укропов]

Подгонять каждую с помощью position: absolute и top/left совсем неохота.

Это единственное решение. Обернуть поле ввода и звездочку дивом, и позиционировать звездочку попиксельно.

Answer 3

[Андрей]

посмотри как сделано тут https://www.icloud.com/

Answer 4

[exdeniz]

cdpn.io/HJojz
Как варинат, кроссбраузерность уже сам (но для большинства браузеров это возможно)