Как реализовать два цвета в placeholder?

Question

[codymaverick]

Можно ли реализовать в вёрстке два цвета в placeholder?

Answer 1

[Ярослав Иванов]

Можно Сергей

https://jsfiddle.net/space2pacman/hesb8rjp/

Answer 2

[Андрей Федоров]

Используйте position: absolute и z-index для части текста. При этом нужно повесить на событие onfocus поля ввода display: none для этого текста.

Answer 3

[dom1n1k]

Если плейсхолдер нативный, а не какой-то js-библиотечный прикрученный поверх - боюсь что никак.

Comments

[Сергей delphinpro]

библиотечные тоже не блещут функционалом. Обычно просто дублируют содержимое одноименного атрибута.

[dom1n1k]

Сергей: Библиотечные обычно нужны как фоллбек для старых браузеров, не более.
Но там хотя бы можно что-то допилить, докостылить внутри самому.