输入焦点上占位符的颜色

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

http://jsfiddle.net/Vbnj2/

什么是最好的方式来做到这一点？

---

您可以使用输入元素的选择器，然后抓取前一个跨度。 添加影响颜色的类。 模糊删除课程。

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

---

我知道这与你接触它的方式有所不同，但如果你想要做的是去除焦点上的持有者文本，你可以在这里使用它

它所做的是从输入title属性中读取文本，在css中设置默认文本的颜色，然后当您将它聚焦/模糊时添加/删除文本，除非有值，则用户值保持不变然后是默认文本。

HTML

<input type="text" name="firstname" class="defaultText" title="First Name" />

CSS

input { margin: 10px; padding: 5px; }

.defaultTextActive { color: #000; }

jQuery的

$(".defaultText").focus(function(srcc) {

    if ($(this).val() == $(this)[0].title) {
        $(this).removeClass("defaultTextActive");
        $(this).val("");
    }

});

$(".defaultText").blur(function() {

    if ($(this).val() == "") {
        $(this).addClass("defaultTextActive");
        $(this).val($(this)[0].title);
    }

});

$(".defaultText").blur();

链接地址: http://www.djcxy.com/p/70503.html

上一篇: color of placeholder span on input focus

下一篇: How to set the color and font style of placeholder text