So assuming you've seen the how red buttons come out pink on the IPhone when styled on mobile. Maybe even worse the dark blue that goes to a baby blue because of IPhone safari native styling of buttons.
If you're like me you like the styling to be the same for all input and submit buttons across different mobile platforms and probably don't like pink either as a submit button.
The solution is luckily quite simple:
If you have a red submit button inside a class called submit
You can just add the following CSS:
.submit input{
background:#C40234;
color:#FFFFFF;
-webkit-appearance: none;
}
See the last line -webkit-appearance: none; and you will notice that that clears out the funky styling that safari mobile adds to the mix.
Hope this helps someone that hates pink on mobile as much as I do.
By PHPin24 @ 2011-09-13 15:36:00
|
