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.
This commit is contained in:
Robert Rhoades 2021-11-08 13:29:08 +00:00
parent fc091cce15
commit 9f33cd71ff

View File

@ -181,11 +181,13 @@ input { /* 1 */
/** /**
* Remove the inheritance of text transform in Edge, Firefox, and IE. * Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox. * 1. Remove the inheritance of text transform in Firefox.
* 2. Remove blue color in iOS 15+ Safari
*/ */
button, button,
select { /* 1 */ select {
text-transform: none; color: inherit; /* 2 */
text-transform: none; /* 1 */
} }
/** /**