Styling buttons in iOS WebKit and -webkit-appearance:none | 456 Berea Street 456bereastreet.com · Originally posted on Pinboard

It turned out that the buttons that looked the same in iOS Safari as in the desktop browsers all had a background gradient. For some reason, applying a background gradient makes iOS for Safari drop its native styling of buttons and apply all of the CSS properties you have specified instead of just a few of them.