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

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

摘要

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

示例

HTML 内容

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

CSS 内容

input::-moz-placeholder {
  color: green;
}

 

浏览器兼容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support ? 19.0 (19.0)[1] ? ? ?
Feature Android Firefox Mobile (Gecko) Firefox OS IE Phone Opera Mobile Safari Mobile
Basic support ? 19.0 (19.0)[1] ? ? ? ?

[1] Firefox 对placeholder文本默认应用opacity:0.54。详见bug 556145。大多数主流浏览器目前不会对placeholder文本伪元素或者伪类应用默认样式。

Gecko 此前将本属性视为 :-moz-placeholder。详见 bug 737786.

See also

文档标签和贡献者

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