ios手机端的兼容问题

1.去除ios页面的input、textarea的自带效果(阴影、等)

input,textarea {-webkit-appearance:none;}

2.iOS系统上常常能看到高斯模糊(Gaussian Blur)效果。(http://www.w3cplus.com/css3/advanced-css-filters.html)大漠大神的博客。

backdrop-filter:blur(10px);只支持ios端;只作用于当前元素;

到目前为止,仅有Safari浏览器支持,而且还需要添加前缀:-webkit-backdrop-filter

3.-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。备transparent的属性值在android下无效。

4.border-radius:0   改掉ios默认的曲边框。

5.

当文本框只能输入数字是一个很常见的需求,比如电话号码,身份证号,卡号, 数量....等等只允许数字输入,为了更好的用户体验性,直接写出 启动数字键盘的需求,我和大多数人一样用this.style.imeMode='disabled';

imeMode有四种形式,分别是:

active 代表输入法为中文

inactive 代表输入法为英文

auto 代表打开输入法 (默认)

disable 代表关闭输入法

发现在Android手机上是不行的。

解决办法:html5里的 input 的type属性可设置为 number  <input type="number" >弹出数字键盘

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,335评论 25 708
  • 在HTML5规范中,我最喜欢的Web技术就是正迅速变得流行的WebSocket API。WebSocket提供了一...
    阳光嘚猴子阅读 424评论 0 5
  • 萧伯纳有部戏剧叫《卖花女》,后来被改编成了好莱坞电影,翻译成了《窈窕淑女》。这个故事说有个语言学家跟街头的人打赌,...
    阿超有话说阅读 1,009评论 0 1
  • 纷纷扬扬的雪花从空中飘落,积雪已经很厚,盖住泥土,遮蔽了这个季节里荒凉的一切,世界变得简单洁净了。迎面顶着烈风,冰...
    WillyWonka阅读 316评论 1 4
  • 《 三生三世十里桃花》当同学第一次给我说起这本书的时候,我随口问了她:“这是一本什么样的书?”“神仙”同学告诉...
    兀自成霜阅读 219评论 0 0