更改输入焦点上占位符范围的字体颜色

我有一个输入字段，里面有一个跨度占位符。我想做的是在单击输入字段时更改占位符的颜色。这是一个 jsFiddle ，其中包含我的领域的示例。

http://jsfiddle.net/Vbnj2/ http://jsfiddle.net/Vbnj2/

最好的方法是什么？

您可以使用输入元素的选择器，然后获取上一个范围。添加影响颜色的类。在模糊时删除该类。

http://jsfiddle.net/Vbnj2/1/ http://jsfiddle.net/Vbnj2/1/

$("span.holder + input").focus( function() {
    $(this).prev('span.holder').addClass('active');
}).blur(function() {
    $(this).prev('span.holder').removeClass('active');
});

现代浏览器增加了对placeholder属性。你只需添加placeholder="My Text"作为输入属性，浏览器将根据需要自动插入/删除它。