价值/占位符 - 单词的不同样式

Question

我遇到了占位符问题。 我想问一下，是否有可能在输入字段中设置样式值，但是在设置该值的字样方式方面存在差异。

例如，如果我们的输入字段的初始值为"First Name"，我希望green color为"First"，red color为"Name"（此只是一个例子。）

这甚至可能吗？

注意：由于ie，我使用value作为“占位符”（而不是占位符html属性）。

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

Answer 1

不幸的是，这是不可能的。在描述表单元素的样式时，有许多障碍，颜色可以设置为元素而不是字符，试试这个：

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

Answer 2

您可以使用color样式属性更改输入的颜色。为每个单词分别设置颜色要困难得多。您需要有一个显示正确颜色的叠加层。此外，光标会消失，因此用户不知道他目前在哪里。