color: #666;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #666;
}
最后一种是从网上找的:
$(‘[placeholder]’).focus(function() {
var input = $(this);
if (input.val() == input.attr(‘placeholder’)) {
input.val(”);
input.removeClass(‘placeholder’);
}
}).blur(function() {
var input = $(this);
if (input.val() == ” || input.val() == input.attr(‘placeholder’)) {
input.addClass(‘placeholder’);
input.val(input.attr(‘placeholder’));
}
}).blur();
$(‘[placeholder]’).parents(‘form’).submit(function() {
$(this).find(‘[placeholder]’).each(function() {
var input = $(this);
if (input.val() == input.attr(‘placeholder’)) {
input.val(”);
}
})
});
这个代码调用的规则是，先加载Javascript再用CSS修改占位符属性。
form .placeholder {
color: #222;
font-size: 25px;
/* etc */
}
user1729061：不用CSS和占位文本，同样能得到相同效果。
input type=”text” value=”placeholder text” onfocus=”this.style.color=’#000′;
this.value=”;” style=”color: #f00;”/>
