在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/