CODEWITHSUNDEEP
htmlcssforms
Colton Anglin
Colton Anglin

Reputation: 451

Mobile devices (iPhone, iPad) aren't showing the correct CSS for a button

I am working on a website and can't seem to figure out why this button doesn't look right on mobile

The public website is, http://www.cinirgy.com

Mobile View - Submit button is defaultish

Desktop - Submit button is how it should be.

Here is my code for the button….

 .submit input {  
width: auto;  
padding: 9px 15px;  
background: #fff;  
border: 0;  
font-size: 14px;  
color: #FFFFFF;  
-moz-border-radius: 10px;  
-webkit-border-radius: 10px;  
}

All help is very much obliged :D

Upvotes: 0

Views: 957

Answers (1)

SW4
SW4

Reputation: 71140

Try using -webkit-appearance: none; before any other webkit specific settings, this article may be of help, also here from the MDN

The appearance CSS property is used to display an element using a platform-native styling based on the operating system's theme.

Upvotes: 2

Related Questions