Skip to content

Commit 9f33cd7

Browse files
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.
1 parent fc091cc commit 9f33cd7

1 file changed

Lines changed: 4 additions & 2 deletions

File tree

normalize.css

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -181,11 +181,13 @@ input { /* 1 */
181181
/**
182182
* Remove the inheritance of text transform in Edge, Firefox, and IE.
183183
* 1. Remove the inheritance of text transform in Firefox.
184+
* 2. Remove blue color in iOS 15+ Safari
184185
*/
185186

186187
button,
187-
select { /* 1 */
188-
text-transform: none;
188+
select {
189+
color: inherit; /* 2 */
190+
text-transform: none; /* 1 */
189191
}
190192

191193
/**

0 commit comments

Comments
 (0)