html - 使用 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;  
}