在Chrome中更改JavaScript的占位符颜色

如上所述:使用CSS更改HTML5输入的占位符颜色,Chrome不支持输入占位符的CSS属性颜色。

但是有一个名为-webkit-input-placeholder的属性。 如果我把我的CSS:

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

有用。 但我怎么能用Javascript(或jQuery)做到这一点?


在CSS中定义它,但是使它成为#MyInput.blue-placeholder::-webkit-input-placeholder并使用jQuery添加/删除“蓝色占位符”类。

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

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

链接地址: http://www.djcxy.com/p/70461.html

上一篇: Change placeholder color in Javascript for Chrome

下一篇: Maintaining the final state at end of a CSS3 animation