W3cubDocs

/CSS

::-webkit-input-placeholder

Non-standard
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.

Example

HTML

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

CSS

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

Result

Specifications

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

Browser compatibility

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)