Modifier le "placeholder" d'un formulaire
Champs préremplis
avec WebAcappella Fusion
Code à placer dans le CSS de la carte si une carte formulaire est utilisée ou dans le CSS de la colonne du formulaire
Pour que le placeholder (texte pérempli) ne soit pas opaque, il sera de la même couleur que le texte rempli par l'utilisateur.
::placeholder { opacity: 1; transition: opacity .5s; }
*:focus::placeholder { opacity: 0; }
Pour que le placeholder (texte pérempli) ne soit pas opaque, et de couleur différente de celle du texte rempli par l'utilisateur.
::placeholder { color: #f5621d; opacity: 1; transition: opacity .5s; }
*:focus::placeholder { opacity: 0; }
Petite cerise sur le gâteau, la 2 ème ligne des 2 codes (focus) fait que le texte prérempli disparait automatiquement dès que le curseur est placé dans le champs