::placeholder
伪元素**::placeholder
**可以选择一个表单元素的占位文本 (en-US),它允许开发者和设计师自定义占位文本 (en-US)的样式。
css
::placeholder {
color: red;
font-size: 1.5em;
}
在使用了::placeholder
伪元素的选择器中,仅有小一部分 CSS 属性可以使用,这个集合可以参考::first-line
伪元素。
语法
Error: could not find syntax for this item
示例
红色文本
HTML
html
<input placeholder="我是红色的!" />
CSS
css
input::placeholder {
color: red;
font-size: 1.2em;
font-style: italic;
}
结果
绿色文本
HTML
html
<input placeholder="而我是绿色的!" />
CSS
css
input::placeholder {
color: green;
}
结果
规范
Specification |
---|
CSS Pseudo-Elements Module Level 4 # placeholder-pseudo |
浏览器兼容性
BCD tables only load in the browser