submit button looks different iphone/ipad – modern portfolio

[dmcleod87]

hi all,

just putting the finishing touches on my new portfolio and was checking it on ipad/iphone and noticed that the styling for the submit button in my sidebar (using contact form 7) is different to what it looks like on my macbook. see screenshots below for what i am talking about -

macbook
iphone

here is the css for submit buttons -

a.cta-button,
a.landing-button,
button,
input[type="button"],
input[type="submit"],
.btn {
	background-color: #e74a4c;
	border: none;
	box-shadow: none;
	cursor: pointer;
	padding: 16px 24px;
	padding: 1rem 1.5rem;
	width: auto;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;/* future proofing */
	-khtml-border-radius: 3px;/* for old Konqueror browsers */
	font-family: 'Sanchez', Rokkitt, Rockwell, serif;
}

can anyone tell me how to get the buttons on iOS looking the same as they do on a computer?

thanks!

http://www.portfolio.dylanmcleod.net.au

[nutsandbolts]

Try adding this to the style rule: -webkit-appearance: none;

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[dmcleod87]

that did the trick...thanks @nutsandbolts much appreciated!

[Author]

Posts