“Fixing” CSS of iOS Buttons

They tend to take on their own life form. Let’s force them to play nicely again.


When you’re designing a responsive theme, the buttons while browsing on an iOS device will take on their own consistent design. This tends to force your own buttons to take those elements as well. To be able to give your inputs and buttons your own CSS, simply add the following to them:

-webkit-appearance: none;
-webkit-border-radius: 0;