This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

The non-standard proprietary ::-webkit-input-placeholder pseudo-element represents the placeholder text of a form element. This allows web developers and theme designers to customize the appearance of placeholder text. This pseudo-class is only supported by WebKit and Blink.



<input placeholder="Type something here...">


input::-webkit-input-placeholder {
  color: green;



Not part of any specification. This pseudo-element is proprietary and specific to WebKit and Blink.

Browser compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support (Yes) No support No support (Yes) (Yes)
Feature Android Firefox Mobile (Gecko) Firefox OS IE Phone Opera Mobile Safari Mobile
Basic support ? No support No support No support ? (Yes)

See also

Document Tags and Contributors

Contributors to this page: mfluehr, Duckbug, mrenty, cvrebert
Last updated by: mfluehr,