使用内联CSS更改输入的HTML5占位符颜色

Question

阅读SO帖子" 用CSS更改输入的HTML5占位符颜色 "我想我理解如何使用外部CSS.

即使在搜索谷歌和搜索引擎优化后,我发现没有办法使这也适用于内联CSS(我知道应该避免使用内联CSS).

例如:

<input type="text" placeholder="Enter something" style="???" />

对于该???部分,我不知道输入什么以更改占位符文本的颜色.

所以我的问题是:

是否可以使用内联CSS来更改占位符文本的颜色？如果是的话,该怎么办？

Answer 1

据我所知，你当然不能。但你可以用 css 来做到这一点

input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff;
}