Older Safari versions rendering ALL text black

[Timon]

Hi everyone,

I am experiencing an issue where all text on safari 12 or older is rendering black.
The issue was described in the forum before :

Safari Rendering only Black text

I’m working on a site and the client recently pointed out that all text is showing up black whenever they load the site. The issue seems to be isolated to an older version of Safari they were running as an update fixed the issue, but they’ve received a handful of notes from other visitors testing the site indicating there may be a bigger issue. Chrome, latest version of Safari and mobile browsers don’t seem to present the issue. Anyone have any ideas what might be causing this? It’s a new issue…

Unfortunately this solution doesn’t work for me. Did anyone experience a similar problem before?

---

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

[Stan (justAnotherDeveloper)]

hi @Timon can I ask why you checking back compatibility for Safari 12 and older. S12 was released September 17, 2018 and last Update before S13 was July 22, 2019 and S13 was released September 19, 2019. Safari I not IE.

Vast majority of Apple users update their system regularly so there is maybe a few users who didnt update their system but I have doubt.

Anyway according to reference from caniuse -webkit-text-fill-color works from Safari 3.1

Please double check you have applied it properly

[Timon]

Hi @Stan ,
unfortunately do I have a customer, who apparently has a lot of colleagues with outdated Safari versions, as I had multiple complaints coming in.

Would usually not check for compability like this, if I didn’t have to

However,

-webkit-text-fill-color: initial;

actually worked for me in the end, just had to apply it to the body instead of the actual element.

Thanks for the reply!

[Stan (justAnotherDeveloper)]

hi @Timon that is good news, so if issue doesn’t persist feel free to close your request as solved.

Have a great day