前端 移动端点击态调研

1.链接和表单元素有点击态

2.ios和安卓默认的点击态不一样，iphone的点击态为灰色并且会超过元素的大小，Android的为蓝色，大小合适

3.默认的点击态通过-webkit-tap-highlight-color

4.没有点击态的元素以及有的元素可以通过active添加点击态，在iphone和Android上表现一致

结论：要控制ios和Android表现一致，要设置链接和表单元素的-webkit-tap-highlight-color: rgba(0, 0, 0,0);然后设置其active；

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

推荐阅读更多精彩内容

  • 移动手机段前端开发资源整合
    meta基础知识 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 忽略将页面中的数字识别为电话号码 忽略And...
    Mycro阅读 3,635评论 0赞 2
  • 手机移动端WEB资源整合
    meta基础知识 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 忽略将页面中的数字识别为电话号码 忽略And...
    Mycro阅读 4,489评论 0赞 11
  • 2017-07-22
    第一条用“爱今天”和“简书”APP 这样以后每天打卡都好方便 还可以免去随时随地还要拿出日记本记录的麻烦 《外建史...
    Admire佩佩阅读 994评论 0赞 0
  • 多线程GCD geekband
    GCDGrand Central Dispatch GCD中也有一个类似于NSOperationQueue的队列，...
    AAup阅读 1,566评论 0赞 0
  • 假如爱有天意
    梓希在整理东西的时候，发现了母亲珠喜留下的情书和一本厚厚的日记，在那些文字里，她重温了母亲的初恋回忆。 六十年代，...
    微笑的小鱼阅读 3,762评论 7赞 2