1. Home
  2. Articles
  3. Web Design
  4. Browser Compatiblity
  5. Safari Mobile
  6. Remove iPhone Submit Button Format
Read about iPhone Button Formatting

Remove iPhone Submit Button Format

Published:

Share

Description

Brought the site up on an iPhone and saw the automatic formatting of the search submit button was not consistent with the rest of the sites design.

Article

Adding the following CSS removes the bevel, rounded corners and other default styling from the submit button.

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

This should carry over to all input types.

Author

Profile Picture of Bryan Myers - The Web Guy

Bryan Myers - "The Web Guy"

Advanced Digital Channel Engineer

Tags

  1. Articles discussing web related topics and technologies.Articles
  2. Articles about Web Design.Web Design
  3. Articles relating to achieving browser compatibility across desktop and mobile browsers.Browser Compatiblity
  4. Articles trying to get a non-stardards browser to comply with my will.Safari Mobile

Related Articles

Go Back