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

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"就可以了。

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。