javascript - 在 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 制作并添加/删除“蓝色占位符”类。

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

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