Как поменять цвет определенного слова в тексте внутри input text?

Question

[zulf4]

Пробовал найти нужные селекторы, поиски не увенчались успехом. Любым идеям буду рад.

Comments

[godsplane]

Никак. Единственный вариант который пришел в голову, это накладывать сверху див с двублем текста из инмпута и красить уже по слову, но в таком случае ввод данных в интпут может стать проблемой

[zulf4]

Тоже об этом подумал, оставлял этот метод на крайний случай

[Ankhena]

Градиентом.
Но придется вычислять где он начинается и заканчивается.

Аналог https://jsfiddle.net/Ankhena/5jecmvw0/1/

[Сергей delphinpro]

godsplane, в целом там проблем нет
верхний див делается прозрачным для мыши pointer-events: none;
текст в инпуте делается прозрачным color: transparent;
на инпуте слушается событие input и содержимое дублируется в див с необходимыми обработками.
Правда курсор тоже станет прозрачным, и его тоже придется как-то эмулировать, вот это, пожалуй, единственная проблема.

[Ankhena]

Сергей delphinpro, caret-color: #cc0000; вернет курсор

[Сергей delphinpro]

Ankhena, ну тогда довольно просто решается.