移动前端开发一定会遇上的事
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"就可以了。
文章乃参考、转载其他博客所得,仅供自己学习作笔记使用!!!