Source: http://css-tricks.com/almanac/selectors/p/placeholder/
Remarque : à priori, il faut mettre la mention !important derrière chaque déclaration pour qu’elles soient prises en compte.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
::-webkit-input-placeholder { color: red; } :-moz-placeholder { /* Firefox 18- */ color: red; } ::-moz-placeholder { /* Firefox 19+ */ color: red; } :-ms-input-placeholder { color: red; } |
Utilisateurs de préprocesseurs type LESS, SASS, attention : les pseudo-éléments ci-dessus ne fonctionnent pas si le code est factorisé. Déclarer les styles comme ci-dessous :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
input { &::-webkit-input-placeholder { font-style: italic; } &:-moz-placeholder { /* Firefox 18- */ font-style: italic; } &::-moz-placeholder { /* Firefox 19+ */ font-style: italic; } &:-ms-input-placeholder { font-style: italic; } } |