la même couleur de texte css montre une couleur différente dans safari par rapport aux autres

Question

J'essaie d'implémenter une simple color l'attribut dans CSS et cela fonctionne bien dans Google Chrome mobile (Galaxy S10), mais pas dans Safari mobile (iPhone X) :

input[type="text"], input[type="password"], textarea, select {
    color: #777;
}

L'utilisation de cette couleur affiche un joli gris foncé sur tous les navigateurs sauf Safari. Safari transforme cette couleur en un blanc illisible. J'ai vérifié le CSS et il tire la même couleur, donc je ne suis pas sûr pourquoi les couleurs sont affichées différemment. J'ai essayé d'utiliser une couleur entièrement qualifiée #777777 y color: black pour voir si ça fait une différence, mais pas de chance. Vous trouverez ci-dessous une capture d'écran de ce à quoi cela ressemble sur Safari (iPhone X) et Chrome (Galaxy S10).

Answer 1

J'ai rencontré la même chose, et alors que beaucoup de questions similaires traitent de la couleur du texte d'entrée désactivé, pour moi cela se produit simplement dans l'état normal de mon bouton.

Je recommande de lire ceci https://stackoverflow.com/a/43483479/4530520 pour plus d'informations et pour prendre en compte leur suggestion de mettre en place le système d'information de l'entreprise. -webkit-text-fill-color propriété.