iPhone, ipad default button style problem Solving method add a-webkit-appearance:none to the button element, the Code input[type= "button"], input[type= " Submit "], input[type=" reset "] {-webkit-appearance:none;} Hide Safari User bar in order to be more like the native app, we can also hide the Safari's user and address bars, called standalone mode, and add the following meta into this mode:<Metaname= "Apple-mobile-web-app-capable"content= "Yes" />The icon used by Iconios is in PNG format and offers two icons in Apple-touch-icon and apple-touch-icon-precomposed, using the following methods:<Linkrel= "Apple-touch-icon"href= "/apple-touch-icon.png"/> <Linkrel= "apple-touch-icon-precomposed"href= "/apple-touch-icon-precomposed.png"/>4 number is forbidden to convert to phone number<Metaname= "Format-detection"content= "Telephone=no"/>5 Delete the default Apple toolbar and menu bar<Metaname= "Apple-mobile-web-app-capable"content= "Yes"/>6 controlling the status bar display style<Metaname= "Apple-mobile-web-app-status-bar-style"content= "Default"/>Default Style<Metaname= "Apple-mobile-web-app-status-bar-style"content= "BLACK"/>Black<Metaname= "Apple-mobile-web-app-status-bar-style"content= "Black-translucent"/>Transparent
IPhone, ipad default button style issues in web App development