Mobile front-end development something that must happen.

1. Clicking on a picture, link, or even a blank box will produce a light blue transparent background and nothing on the PC. How does this work?

Add a line style to the CSS body {-webkit-tap-highlight-color:rgba (0, 0, 0, 0);}

The function is to remove the high bright color, r,g,b, transparency. Attempt to verify valid only on WebKit Core browser

2. Disable tap input to bring up the soft keyboard on your phone

One trick is fatal: Add the readonly attribute of input to it. Heard to use style= "ime-mode:disable", effective, but I did not succeed, do not know what the problem, that is, some people say yes, there must be a reason for it.

Just post it here and make a note.

//扩展 ime-mode :  auto | active | inactive | disabled auto:默认值。不影响ime的状态。与不指定 ime-mode 属性时相同 active:默认值。不影响ime的状态。与不指定 ime-mode 属性时相同 inactive:指定所有不使用ime输入的字符。即激活非本地语言。用户仍可以撤销激活ime disabled:完全禁用ime。对于有焦点的控件(如输入框)，用户不可以激活ime 3. Sometimes we need the phone to pop up the numeric keypad, just the type= "tel" of input.

Mobile front-end development something that must happen.