CSS

::-moz-placeholder

::-moz-placeholder

非标准

此功能是非标准的。不要在面向Web的生产站点上使用它:它并不适用于每个用户。实现之间也可能存在很大的不兼容性,而且这种行为在未来可能会发生变化。

已废弃

此功能已从Web标准中删除。虽然有些浏览器可能仍然支持它,但它正在被弃用中。如果可能,请避免使用它并更新现有代码;请参见兼容性表在这页的底部指导你的决定。请注意,此功能可能在任何时候停止工作。

注意:::-moz-placeholder伪元素被引入作为用于替换:-moz-placeholder这是在Firefox 19.弃用由于火狐51伪类,该功能也可以作为标准的::placeholder伪元素。

::-moz-placeholder CSS伪元件是Mozilla的扩展表示任何形式显示元件占位符文本。这可让您自定义占位符文本的外观,默认情况下这是半透明的灰色。

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

示例

HTML

<input placeholder="Type something here!">

CSS

input::-moz-placeholder { color: red; font-style: italic; }

结果

规范

不是任何规范的一部分。

浏览器兼容性

FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support?19.0 (19.0)1???

FeatureAndroidFirefox Mobile (Gecko)Firefox OSIE PhoneOpera MobileSafari Mobile
Basic support?19.0 (19.0)1????

Firefox将默认样式opacity: 0.54应用于占位符文本。见bug 556145。大多数其他主流浏览器目前不会为占位符文本伪元素或伪类共享此特定默认样式。

在版本19之前,Gecko用伪类:-moz-placeholder实现了这个功能。见bug 737786。