::placeholder
::placeholder
这是一项实验技术
由于该技术的规格不稳定,请查看兼容性表以了解各种浏览器的使用情况。还请注意,随着规范的变化,实验技术的语法和行为在未来版本的浏览器中可能会发生变化。
在::placeholder
CSS 伪元素代表的占位符文本一的形式元素。
::placeholder {
color: blue;
font-size: 1.5em;
}
只有应用于::first-line
伪元素的 CSS 属性的子集可以::placeholder
在其选择器中使用的规则中使用。
注意:
在Firefox中,默认情况下,占位符文本的外观是半透明的灰色。
语法
::placeholder
示例
HTML
<input placeholder="Type something here!">
CSS
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- |