移动前端开发一定会遇上的事

1。 点击图片，链接，甚至是空白的框框，会产生一个淡蓝色的透明背景，pc上没事。这个怎么处理？

    在css中增加一行样式 body {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

    功能是去掉高亮色，r,g,b,透明度. 只在webkit核心的浏览器上尝试验证有效

2。禁用点击input时调出手机上的软键盘

    一招致命：添加input 的readonly属性就可以了。听说用style="ime-mode:disable";有效，但是我没有成功，不知道是什么问题，即然有人说可以，肯定有它的道理。

   先贴在这里，备注一下。

//扩展

ime-mode : auto | active | inactive | disabled

auto:默认值。不影响ime的状态。与不指定 ime-mode 属性时相同

active:默认值。不影响ime的状态。与不指定 ime-mode 属性时相同

inactive:指定所有不使用ime输入的字符。即激活非本地语言。用户仍可以撤销激活ime

disabled:完全禁用ime。对于有焦点的控件(如输入框)，用户不可以激活ime

 

3。有时候我们需要手机上弹出数字键盘，只需要input 的type="tel"就可以了。