javascript - 值/占位符 - 不同的文字样式

Question

我在使用占位符时遇到问题。我想问一下，是否有可能在输入字段中设置值的样式，但是以不同的方式设置该值的单词。

例如，如果我们的输入字段具有"First Name"我想要的初始值green colorfor"First"和red colorfor "Name"（这只是一个示例）。

这甚至可能吗？

注意：我使用值作为“占位符”（而不是占位符 html 属性），因为 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

不幸的是，这是不可能的。当涉及到表单元素的样式时，有很多障碍，可以为元素而不是字符设置颜色，试试这个：

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

Answer 2

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