::placeholder
A pseudo-element selector that lets you style the actual text of a placeholder inside an input field.
Syntax
/* Usage Example */
input::placeholder {
/* Customizes the color and style of the hint text */
color: var(--accent-light);
font-style: italic;
opacity: 0.7;
}::placeholder Browser support
Widely available
Since
2020 95% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2020.
57+
51+
10.1+
79+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more