Как изменить цвет/размер текста input'а при вводе текста?

Question

[Марик Цукор]

::-webkit-input-placeholder меняет, собственно, сам placeholder, как и input. А вот как изменить введенный пользователями текст в инпуте? Нужно использовать js?

Answer 1

[Саша]

Пробовали задать разные размеры/цвет на инпут и плэйсхолдер?

Comments

[Марик Цукор]

Ясен пень. Меняется только цвет placeholder'a и все. А мне нужно введеный текст менять

[Марик Цукор]

бл*. понял. нужно менять при фокусе. А то с этим гугл хромом, что opacity 1 что .6 разницы нету

[Саша]

BeriaFantom: а как же кроссбраузерность?)

[Марик Цукор]

Саша: какая кроссбраузерность? :focus везде работает

[Марик Цукор]

Саша: почти

Answer 2

[HAbRAhabp]

https://jsfiddle.net/wsmprydu/

Answer 3

[Donald Dak]

Ну а в чем проблема если не хотите через :focus
Сделайте так
<input id="color-placeholder" class="color-text">

#color-placeholder::-webkit-input-placeholder {тут стили например плэйсхолдера}
.color-text { тут цвет введенный пользователями текст! color: #DF289E;}

codepen.io/anon/pen/MKmEPP