::-moz-placeholder

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

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

摘要

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

示例

HTML 内容

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

CSS 内容

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

 

浏览器兼容性

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,