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

::placeholder

这是一项实验技术

由于该技术的规格不稳定,请查看兼容性表以了解各种浏览器的使用情况。还请注意,随着规范的变化,实验技术的语法和行为在未来版本的浏览器中可能会发生变化。

::placeholder CSS 伪元素代表的占位符文本一的形式元素。

代码语言:javascript
复制
::placeholder {
  color: blue;
  font-size: 1.5em;
}

只有应用于::first-line伪元素的 CSS 属性的子集可以::placeholder在其选择器中使用的规则中使用。

注意:在Firefox中,默认情况下,占位符文本的外观是半透明的灰色。

语法

代码语言:javascript
复制
::placeholder

示例

HTML

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

CSS

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

结论

规范

规范

状态

解释

CSS Pseudo-Elements Level 4The definition of '::placeholder' in that specification.

Working Draft

Initial definition.

浏览器兼容性

Feature

Chrome

Firefox (Gecko)

Edge

Internet Explorer

Opera

Safari

Basic support

57

51.0 (51.0)1

No support

No support

44

10.1

Partial support with prefix

Supported

Supported

Supported

10 -ms-

Supported

5 -webkit-

Feature

Android

Chrome for Android

Firefox Mobile (Gecko)

IE Mobile

Opera Mobile

Safari Mobile

Basic support

57

57

52.0 (52.0)

No support

?

10.3

Partial support with prefix

2.1 -webkit-

Supported

Supported

10 -ms-

37 -webkit-

4.3 -webkit-

扫码关注腾讯云开发者

领取腾讯云代金券

http://www.vxiaotou.com