::placeholder

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

El pseudo-element CSS ::placeholder representa el text de marcador de posici√≥ d'un element de formulari.

::placeholder {
  color: blue;
  font-size: 1.5em;
}

Només un subconjunt de propietats CSS que s'aplica al pseudo-element ::first-line es pot utilitzar en una regla, utilitzant ::placeholder en el seu selector.

Nota: A Firefox, l'aparen√ßa del text del marcador de posici√≥ √©s de color gris transl√ļcid per defecte.

Sintaxi

::placeholder

Exemple

HTML

<input placeholder="Type something here!">

CSS

input::placeholder {
  color: red;
  font-size: 1.2em;
  font-style: italic;
}

Resultat

Especificacions

Especificació Estat Comentari
CSS Pseudo-Elements Level 4
The definition of '::placeholder' in that specification.
Working Draft Definició inicial.

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!

Descripció Chrome Firefox (Gecko) Edge Internet Explorer Opera Safari
Suport b√†sic 57 51.0 (51.0)[1] No support No support 44 10.1
Suport parcial amb prefix Supported Supported Supported 10 -ms- Supported 5 -webkit-
Descripció Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Suport b√†sic 57 57 52.0 (52.0) No support   10.3
Suport parcial amb prefix 2.1 -webkit- Supported Supported 10 -ms- 37 -webkit- 4.3 -webkit-

[1] Abans de Gecko 51.0 (Firefox 51.0 / Thunderbird 51.0 / SeaMonkey 2.48) Gecko va implementar aquest com a pseudo-element prefixat ::-moz-placeholder.

Vegeu també