search

necolas / normalize.css

A modern alternative to CSS resets
http://necolas.github.io/normalize.css/
MIT License
52.28k stars 10.67k forks source link

fix: Remove blue on button, select on iOS 15+ Safari #871

Open studioromeo opened 2 years ago

studioromeo commented 2 years ago

Hey 👋

On iOS 15+ devices the button text color has changed to blue (via a user-agent style color: -apple-system-blue;).

This is a change from iOS 14- devices which displayed black. While all browsers display buttons slightly differently I felt the blue change was significant enough to warrant a reset as developers might not be expecting this. But I'm also not sure if this is too opinionated for normalize or not, what do you think?

I've put below screenshots of the browsers I have to hand to test on but theres a few key ones missing like IE.

This is my first contribution, I've checked the contributing guidelines and I think I've got everything correct but if theres anything at all let me know 👍

Thanks! 💛

Browser (OS) Before After
Safari (iOS 15) Screenshot 2021-11-08 at 13 24 03 Screenshot 2021-11-08 at 13 24 17
Safari (iOS 13) Screenshot 2021-11-08 at 13 44 05 Screenshot 2021-11-08 at 13 44 21
Chrome 91.0.4472.114 (Android 12) Screenshot 2021-11-08 at 13 52 06 Screenshot 2021-11-08 at 13 52 17
Safari 15.1 (Mac 11.6.1) Screenshot 2021-11-08 at 13 48 22 Screenshot 2021-11-08 at 13 48 29
Chrome 95.0.4638.69 (Mac 11.6.1) Screenshot 2021-11-08 at 13 47 06 Screenshot 2021-11-08 at 13 47 23
Firefox 94.0.1 (Mac 11.6.1) Screenshot 2021-11-08 at 13 49 32 Screenshot 2021-11-08 at 13 49 43
garrettw commented 1 year ago

Adding this to my normalize in https://github.com/garrettw/vitals