javascript - 在 Chrome 的 Javascript 中更改占位符颜色

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;
}

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