使用Css设置HTML5表单输入占位符的样式

我有你的基本输入和占位符。我的占位符文本颜色为浅灰色。但是，当我在输入中单击并键入某些内容时，颜色保持不变。有什么方法可以改变文本的颜色时，它是类型和时，它不是类型

<input type="text" placeholder="Your Name">

---

不幸的是，目前还没有一种本地方法可以覆盖所有浏览器。但是，您可以使用特定于供应商的css规则，如本文所示

---

谢谢你的意见。谢谢。jQuery是最好的解决方案吗？这取决于支持Firefox和IE的旧版本有多重要。如果这很重要，那么你可以使用一个modernizer类和一个小的jQuery函数，用你自己的风格来伪造一个。使用谷歌上的任何解决方案——似乎每个人和他们的狗都制作了一个jQuery占位符插件。如果您只支持最新版本的浏览器，那么像上面这样的特定于供应商的css规则就可以了。太好了！谢谢你抽出时间来帮忙。

::-webkit-input-placeholder {
   color: red;
}

:-moz-placeholder { /* Firefox 18- */
   color: red;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
}

:-ms-input-placeholder {  
   color: red;  
}