Discussion :

[barale61]

Bonjour,

Je souhaite mettre mon placeholder en rouge, mais cela ne fonctionne pas. Je vous remercie de votre aide.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
            $('#email').attr('placeholder', function () {
                    $(this).css('color', 'red');
                });
            }

[Toufik83]

il faut utiliser un plugin jQuery pour changer la couleur de placeholder,par-contre, avec du css c'est bien possible.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<input placeholder="Enter du texte" class="place"/>

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
.place::-webkit-input-placeholder { /* WebKit browsers */
    color:    red;
}
.place:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    red;
}
.place::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    red;
}
.place:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    red;
}

[barale61]

Ok merci.