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

Question

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

http://jsfiddle.net/Vbnj2/

最好的方法是什么？

Answer 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" 作为输入属性，浏览器将根据需要自动插入/删除它。