Mettre son placeholder en couleur noire #000

On  lit souvent que la couleur par défaut du placeholder est grise, et que pour la styliser il suffit ensuite d'ajouter ces lignes:

.searchbox ::-webkit-input-placeholder { color:red; }
.searchbox ::-moz-placeholder { color:red; } /* firefox 19+ */
.searchbox input:-moz-placeholder { color:red;}

Cett affirmation est en fait en partie fausse:

  • Par défaut du placeholder s'affiche en gris, c'est à dire qu'on voit du gris => vrai
  • Par défaut sa couleur est grise => faux!

En fait sa couleur par défaut est noire, mais son opacity n'est pas 1, d'où l'affichage gris.

Donc pour avoir un placeholder en noir il faut écrire:

.searchbox ::-webkit-input-placeholder { opacity:1; }
.searchbox ::-moz-placeholder { opacity:1; } /* firefox 19+ */
.searchbox input:-moz-placeholder { opacity:1;}

C'est bête mais ça m'a pris du temps pour trouver, alors je communique ;)

 

 

Commentaires

Pas encore de commentaire
Already Registered? Login Here
Guest
dimanche 27 septembre 2020

Image Captcha

By accepting you will be accessing a service provided by a third-party external to https://www.pulsar-informatique.com/