Skip to content
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.

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

<button> text color in ios is set to blue by the useragent #886

Open
NathanBeddoeWebDev opened this issue Sep 2, 2022 · 4 comments
Open

Comments

@NathanBeddoeWebDev
Copy link

NathanBeddoeWebDev commented Sep 2, 2022

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

image
image

@NathanBeddoeWebDev 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
@garrettw
Copy link

Adding this to my normalize in https://github.com/garrettw/vitals

@aptlin
Copy link

aptlin commented May 20, 2023

Any update on this?

@NathanBeddoeWebDev
Copy link
Author

Pretty sure normalize.css is a dead project. There hasn’t been a commit since 2018 :’)

@caraya
Copy link

caraya commented Nov 24, 2023

@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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants