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

我对占位符有问题。 我想问，是否有可能在输入字段中设置值的样式，但在设置该值的单词样式的方式上有所不同

例如，如果我们有初始值为

“First Name”

的输入字段，我希望

第一个“

”的输入字段为

绿色，而
红色的输入字段为
“Name”
（这只是一个示例）

这可能吗

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

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

不幸的是，这是不可能的。在设计表单元素的样式时，存在许多障碍，可以将颜色设置为对于非chracters的元素，请尝试以下操作：

您可以使用
color
style属性更改输入的颜色。每个单词有不同的颜色要困难得多。你需要有一个覆盖显示正确的颜色。此外，光标会消失，这样用户就不知道他现在在哪里。
我已经看到了大量的解决方法，可以达到你想要的效果。基本上，输入框将位于顶层，文本使用透明字体（全部为空白），之后，其后面的文本区域将填充自定义语法，该语法将通过javaScript在值更改时更新。这是一个很好的解决办法，在iOS中不起作用（如果我没记错的话）。。。或者你可以得到一个富文本编辑器，但是对于用户名输入这样的东西来说，这可能是一个过度的操作。我有几个表单的输入字段，所以我可能会再次使用一个样式（这是解决类似问题的最佳方案，正如我所看到的）：）…谢谢你，名字和姓氏字段=P总是可以有不同的样式，欢迎来到stackoverflow，随时询问和学习。我明白了。。。。是的，我知道这很难，特别是因为这需要在所有（大多数）浏览器中工作…tnx:@cool you's welcome:），最好使用类，
addClass
removeClass
方法，而不是像我那样使用js进行css样式。我可能会再次使用一种样式（因为我没有太多的输入字段，我需要为不同的单词实现不同的样式。但是你的解决方案真的很好，消除了我对如何实现这一点的许多疑虑…tnx