在Javascript for Chrome中更改占位符颜色

Question

如上所述：Change an HTML5 input's placeholder color with CSS，Chrome不支持输入占位符的CSS属性颜色。

但是有一个名为-webkit-input-placeholder的属性。如果我穿上我的CSS：

#MyInput::-webkit-input-placeholder {
    color: blue;
}

有效。但是我怎么能用Javascript（或jQuery）做到这一点？

Answer 1

在CSS中定义它，但是将其设为#MyInput.blue-placeholder::-webkit-input-placeholder并使用jQuery添加/删除“blue-placeholder”类。

#MyInput.blue-placeholder::-webkit-input-placeholder {
    color: #0000ff;
}

DEMO： http://jsfiddle.net/AY3j6/