::-moz-placeholder

非标准
该特性是非标准的,请尽量不要在生产环境中使用它!

提示: ::-moz-placeholder 伪元素在Firefox 19+替代了之前的 :-moz-placeholder 伪类.

摘要

 ::-moz-placeholder 伪元素控制元素所显示的文字占位符.它允许开发者/设计师改变文字占位符的样式.默认的文字占位符为浅灰色,当你的表单背景色为类似的颜色时它可能效果并不是很明显,那么你就可以使用这个伪类来改变文字占位符的颜色.

示例

这个示例将文字占位符改变为了绿色.

<!DOCTYPE html>
<html>
<head>
<title>Placeholder demo</title>

<style>
input::-moz-placeholder {
  color: green;
}
</style>

</head>
<body>

  <input id="test" placeholder="Placeholder text!">

</body>
</html>

查看这个效果:

Bugzilla

bug 737786 - 将 :-moz-placeholder 改变为 ::-moz-placeholder (伪类转为伪元素).

See also

文档标签和贡献者

 此页面的贡献者: teoli, bowen-shi
 最后编辑者: teoli,