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

Question

如上所述： 使用CSS更改HTML5輸入的占位符顏色 ，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;
}

演示： http ： //jsfiddle.net/AY3j6/