Question

I’m having problem with placeholders.
I want to ask, is there possibility to style value in input fields but in the way to style words of that value different.

For example, if we have input field which have initial value "First Name" i want to have green color for "First", and red color for "Name" (this is just an example).

Is this even possible?

Note: Im using value as “placeholder” (instead of placeholder html attribute) because of ie.

<input type="text" value="First Name" onFocus="if (this.value == 'First Name') {this.value = '';}" onBlur="if (this.value == '') {this.value = 'First Name';}" />

Answer 1

unfortunately its not possible. when it comes to styling the form elements, there are many hindrances, color can be set to for an element not chracters, try this:

http://jsfiddle.net/Fgd2e/1/