Цвет текста заполнителя во входном поле

Question

У меня есть поле ввода, которое имеет текст-заполнитель. Я хочу, чтобы одно слово было другого цвета, как красное, как бы я это сделал? Стилирование пролета и окружающее слово с пролетом не работало.

Например, на этом сайте я хочу, чтобы число во фразе «Поиск 649 радио-историй» было красным.

http://66.251.226.207/library

Answer 1

Как насчет наложив DIV над входом, который исчезает при нажатии на нее (а затем направляет фокус ввода)? Таким образом вы можете стилизовать фрагменты текста, но вы хотите.

$('#myInputOverlayDiv').click(function() { 
    $(this).hide(); 
    $('#myInputElement').focus(); 
}) 

Answer 2

Я не могу сказать об одном слове, но если бы вы были стилизации весь заполнитель, а затем прочитать это.

Поскольку заполнители поддерживаются только WebKit до сих пор, вы можете использовать следующую css rule для него:

input::-webkit-input-placeholder { 
    color: red; 
} 

Для других браузеров, так как поддержка атрибута заполнителя эволюционирует, вы должны будете использовать различные правила , Для браузеров, основанных на Gecko, вам может понадобиться посмотреть bug 457801 Mozilla, чтобы узнать, каким будет окончательное решение.