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
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: