Why does increasing font size break default button styling?

[Ollie Williams]

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?

[Shikkediel]

Demo or it didn’t happen. ;-)

Not seeing it myself…

[Ollie Williams]

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.

[Shikkediel]

At least we’ve narrowed it down to that then, which I can’t check myself. But this might be a lead:

http://stackoverflow.com/q/1682520/3168107

[Author]

Posts