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. |
Navegadors compatibles
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é
- La pseudo-class
:placeholder-shown
dona estil a un element que té un marcador de posició actiu. - Elements HTML relacionats:
<input>
,<textarea>
- Els equivalents no estàndard d'aquest pseudo-element:
::-webkit-input-placeholder
,::-moz-placeholder
,:-ms-input-placeholder
- Formularis HTML