From 9f33cd71ff0b853ae41af4d1e16e267fb1e97afc Mon Sep 17 00:00:00 2001 From: Robert Rhoades Date: Mon, 8 Nov 2021 13:29:08 +0000 Subject: [PATCH] fix: Remove blue on button, select on iOS 15+ Safari On iOS 15+ devices the button text color has changed to blue (via 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. --- normalize.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/normalize.css b/normalize.css index 192eb9c..0962e7c 100644 --- a/normalize.css +++ b/normalize.css @@ -181,11 +181,13 @@ input { /* 1 */ /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. + * 2. Remove blue color in iOS 15+ Safari */ button, -select { /* 1 */ - text-transform: none; +select { + color: inherit; /* 2 */ + text-transform: none; /* 1 */ } /**