::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é