::-moz-placeholder - CSS（层叠样式表） 编辑

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

提示: ::-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!

• Desktop
• Mobile

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

• ::placeholder
• ::-webkit-input-placeholder
• :-ms-input-placeholder
• Forms in HTML
• <input>
• <textarea>