The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Why does increasing font size break default button styling?
I like default browser buttons but always want to slightly increase the font size. This always breaks the styling in certain ways – e.g. removes the rounded border style.
Then, if you try to add the rounded corners back with border-radius: whatever it breaks the button even more!
Is there any way to prevent this?
Demo or it didn’t happen. ;-)
Not seeing it myself…
The enlarged-font button in that codepen looks fine on my iphone but not on my desktop mac :(
I wonder if this is common to macs or if it is just my own computer being weird.
At least we’ve narrowed it down to that then, which I can’t check myself. But this might be a lead: