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

Question

阅读SO张贴"改变输入的HTML5占位符颜色与CSS"我想我知道如何做到这一点与外部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;
}