::placeholder

Experimental

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! (en-US)

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 (en-US).

Vegeu també