在Javascript中更改占位符的颜色以适用于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添加/删除“蓝色占位符”类。

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

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