Newsroom

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 ;)

 

Developpements joomla avec le CCK seblod pour la B...
DrupalCamp Paris 2013
 

Commentaires

Pas encore de commentaire
Guest
vendredi 30 septembre 2022

Image Captcha

captcha