This translation is incomplete. Please help translate this article from English.
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-showndona 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