首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

::-moz-placeholder

非标准

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

已废弃

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

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

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

代码语言:javascript
复制
input::-moz-placeholder {
  color: blue;
}

示例

HTML

代码语言:javascript
复制
<input placeholder="Type something here!">

CSS

代码语言:javascript
复制
input::-moz-placeholder {
  color: red;
  font-style: italic;
}

结果

规范

不是任何规范的一部分。

浏览器兼容性

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

?

?

?

?

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

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

扫码关注腾讯云开发者

领取腾讯云代金券

http://www.vxiaotou.com