CSS submit button weird rendering on iPad/iPhone

问题

I noticed that if I style my buttons with CSS using radius, colors and borders, they look good but in the iphone/ipad/ipod they look terrible...shouldn\'t be the same rendering as in Safari Desktop??

$\"enter$

回答1:

oops! just found myself: just add this line on any element you need

   -webkit-appearance: none;

回答2:

Add this code into the css file:

input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

This will help.

回答3:

The above answer for webkit appearance did the magic, but the button still looked kind pale/dull compared to the browser on other devices/desktop. I also had to set opacity to full (ranges from 0 to 1)