web-dev-qa-db-fra.com

Sur Edge Browser, comment changer la couleur du texte de l'espace réservé d'entrée en utilisant CSS?

Sur Edge Browser, je ne pouvais pas changer la couleur de l'espace réservé d'entrée.

:-ms-input-placeholder ne fonctionne pas mais fonctionne bien sur IE 10 & IE 11.

input:-ms-input-placeholder {
    font-style:italic;        
    color: red;
    background-color: yellow;
}

est-il possible de le faire fonctionner en utilisant CSS?

htmlcssplaceholdermicrosoft-edge
19
Muthu Kumaran

De CanIUse.com

:: - webkit-input-placeholder pour (Chrome/Safari/Opera)

: -ms-input-placeholder pour IE.

:: - ms-input-placeholder pour Edge (prend également en charge le préfixe webkit)

Notez la syntaxe des deux points

34
Paulie_D

Je veux appuyer le commentaire de @ ken sur la réponse de @ Paulie_D, ci-dessus.

Cela marche: input[type="text"]::-ms-input-placeholder { color: #000; }

Cela ne veut pas: input[type="text"]::placeholder, input[type="text"]::-ms-input-placeholder { color: #000; }

Je ne sais pas pourquoi, mais il semble que le pseudo-élément -ms-input-placeholder ne fonctionne que s'il est distinct des autres directives.

11
David Walton

Pour la version actuelle du navigateur Microsoft Edge, l'espace réservé ne fonctionne pas correctement. Jetez un œil à ce problème bogue d'espace réservé Microsoft Edge . Si l'espace réservé est invisible, essayez de supprimer position: relative et :-webkit-input-placeholder opacité.

8
Stanislav Ostapenko