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.
* 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 */
}
/**