Skip to content

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

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

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

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
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.
  • Loading branch information
@studioromeo
studioromeo committed Nov 8, 2021
commit 9f33cd71ff0b853ae41af4d1e16e267fb1e97afc
6 changes: 4 additions & 2 deletions normalize.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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 */
}

/**
Expand Down