Some problems and solving methods in mobile production

The phone number in the Apple device appears blue and cannot be modified by color:

Workaround: Add meta tags to the page.

<name= "format-detection"  content= "Telephone=no"/> 

Mobile input cannot get focus:

Workaround: Let go of blocking user behavior, and you can add the following style to the appropriate element.

-weblit-user-select:text;

In the actual development of the iOS device app, the button may be implemented using the Type= "button" of input, where the monochrome background color set for the button usually renders the system default gradient style:

Workaround: Let go of blocking user behavior, and you can add the following style to the appropriate element.

-webkit-appearance:none;

-webkit-appearance is used to change the appearance of buttons and other controls, and is similar in appearance to native controls:

Input[type= "button"],input[type= "Submit"],input[type= "Rest"]{     -webkit-appearance:push-button;       Implements the default control style     White-space:pre;   }

Organize Chang ' an picture after outbound prompt paper behavior:-webkit-ouch-callout:none;

Prohibit WebKit kernel browser text resizing function:-webkit-text-size-adjust:none;

Avoid highlighting when clicking the a tag or click event:-webkit-tap-highlight-color:rgba (0,0,0,0);

Prohibit users from making replication selections:-webkit-user-select:none;

If you do not want to prevent users from selecting content, you can choose to add the following code:

*{     -webkit-user-select:text;     -user-select:text} or *:not (Inpu,textarea) {     -webkit-touch-callout:none;     -webkit-user-select:none;}

Copyright Notice: This article for Bo Master original, without Bo Master permission not reproduced .

Some problems and solving methods in mobile production