web-dev-qa-db-fra.com

Problème Safari CSS Font Color

Je rencontre un problème de couleur de police dans Safari Browser sur mac book, iphone and ipad . L’élément de désactivation se transforme en gris et je veux qu’il conserve sa couleur originale. Le résultat sous firefox et chrome est correct.

Ceci est mon code css: 

input[disabled], textarea[disabled],
select[disabled='disabled']{
    color: #000000 !important;
}

J'ai aussi essayé d'utiliser le nom de couleur mais le résultat est le même.

Merci de votre aide!

htmlioscsssafari
15
kwan_ah

C’est la seule solution que je trouve qui fonctionne sur FF, Chrome, Safari et Safari Mobile. À votre santé!

input[disabled], textarea[disabled],
select[disabled='disabled']{
   -webkit-text-fill-color: rgba(0, 0, 0, 1); 
   -webkit-opacity: 1; 
   color: rgba(0, 0, 0, 1); 
   background: white;
}
36
kwan_ah

Vous pouvez essayer de définir une couleur autre que le noir, telle que #00001 ou #000002, afin de résoudre le problème car Safari tente de la remplacer.

input[disabled], textarea[disabled],
select[disabled='disabled']{
    color: #000001 !important;
}
0
Andrew Odendaal