You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Summary
IOS sets the text color of buttons in the useragent stylesheet to blue. No other browser does this, and it should follow suit. Normalize.css should set the button to inherit the color from it's parent by default, similar to how other properties are done ie. font-family. I've added a screenshots to show that in our case, we're setting the base color to black, and then IOS safari is actually overriding that.
Task
Add color: inherit to the button tag to override the useragent styles applied by IOS
The text was updated successfully, but these errors were encountered:
NathanBeddoeWebDev
changed the title
<button> in ios color is set to blue by the useragent
<button> text color in ios is set to blue by the useragent
Sep 2, 2022
@aptlin did you try adding the fix to your own stylesheet?
If I understand how Normalize works, you import it first and then do all the necessary work on your own styles on top of it. The cascade would take care of making the fix work
Summary
IOS sets the text color of buttons in the useragent stylesheet to blue. No other browser does this, and it should follow suit. Normalize.css should set the button to inherit the color from it's parent by default, similar to how other properties are done ie. font-family. I've added a screenshots to show that in our case, we're setting the base color to black, and then IOS safari is actually overriding that.
Task
Add
color: inherit
to the button tag to override the useragent styles applied by IOSThe text was updated successfully, but these errors were encountered: