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

Question

我有一个占位符的基本输入。我将占位符文本颜色设置为浅灰色。但是，当我在输入内部单击并键入内容时，颜色保持不变。有什么方法可以在某些内容类型和未键入内容时更改文本的颜色吗？

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

Answer 1

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

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

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

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

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