Question

I have an input field which has a placeholder text. I want one word to be a different color say red, how would would I go about that? Styling a span and surrounding the word with the span didn’t work.

For example on this site, I want to the number in the phrase “Search 649 radio stories” to be red.

http://66.251.226.207/library

Answer 1

How about overlaying a div over the input that disappears when you click it (and then directs focus to the input)? That way you can style the portions of text however you want.

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