资讯专栏INFORMATION COLUMN

那些年踩过的坑——h5页面在ios端点击高亮闪烁

姘搁『 / 1239人阅读

摘要:当时碰到过一个问题,页面在端点击的时候,整个页面会高亮的闪烁一下特别明显,被测试狂崔。。。当透明度设为,则会禁用此属性当透明度设为,元素在点击时不可见。

  记得那是第一次独自完成一个项目,现在看来,那个项目会很简单的,但那个时候还是挺有成就感的。
  当时碰到过一个问题,h5页面在ios端点击的时候,整个页面会高亮的闪烁一下,特别明显,被测试狂崔。。。最后发现是 css样式的问题 加一行就好了
   {
    -webkit-tap-highlight-color: transparent;  -----》解决 ios端 高亮闪烁的问题
}

原因如下

当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时,覆盖显示的高亮颜色。

该属性可以只设置透明度。如果未设置透明度,iOS Safari使用默认的透明度。当透明度设为0,则会禁用此属性;当透明度设为1,元素在点击时不可见。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/117247.html

相关文章

  • 那些年踩的坑——h5页面ios点击高亮闪烁

    摘要:当时碰到过一个问题,页面在端点击的时候,整个页面会高亮的闪烁一下特别明显,被测试狂崔。。。当透明度设为,则会禁用此属性当透明度设为,元素在点击时不可见。 记得那是第一次独自完成一个项目,现在看来,那个项目会很简单的,但那个时候还是挺有成就感的。 当时碰到过一个问题,h5页面在ios端点击的时候,整个页面会高亮的闪烁一下,特别明显,被测试狂崔。。。最后发现是 css样式的问题 加...

    paulli3 评论0 收藏0
  • 那些年踩的坑——input输入框 ios readyonly 点击出现光标

    摘要:输入框加了属性就可以达到只读的效果,但是在端,点击该输入框还是会出现光标解决办法,给输入框加上元 input输入框加了readonly属性就可以达到只读的效果,但是在ios端,点击该输入框还是会出现光标解决办法,给输入框加上 unselectable=on onfocus=this.blur()

    elliott_hu 评论0 收藏0
  • 那些年踩的坑——input输入框 ios readyonly 点击出现光标

    摘要:输入框加了属性就可以达到只读的效果,但是在端,点击该输入框还是会出现光标解决办法,给输入框加上元 input输入框加了readonly属性就可以达到只读的效果,但是在ios端,点击该输入框还是会出现光标解决办法,给输入框加上 unselectable=on onfocus=this.blur()

    red_bricks 评论0 收藏0
  • 那些年踩的坑——node代理解决跨域的问题

    摘要:在实际开发中,前后端分离的项目通常会需要同后台开发人员联调接口,不可避免的会碰到跨域的问题。 在实际开发中,前后端分离的项目通常会需要同后台开发人员联调接口,不可避免的会碰到跨域的问题。虽说跨域问题最后基本都是后台同事解决的,但是有时候为了赶时间,没辙只有自己来,使用node代理解决 跨域:协议 域名 端口号 三个只要有一个不一样就是跨域,也就是不同域名之间的访问; 通常解决跨域的...

    worldligang 评论0 收藏0
  • 总结开发过程踩到的坑(二)

    摘要:本文章旨在总结开发过程中碰到的容易忘记或者比较重要的坑,一方面加深自己对于该部分的理解,另一方面希望能够分享给大家,知识在于分享,当然踩过的坑也不例外滑稽。 在日常工作中,时常会碰到各种各样的坑,有时真的觉得很多时候开发的经验都是踩坑踩出来的。在通往大牛的道路上,希望自己能够跨越重重阻碍,越走越远。学会时常总结,不断提升自己。 本文章旨在总结开发过程中碰到的容易忘记或者比较重要的...

    codeKK 评论0 收藏0

发表评论

0条评论

姘搁『

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<