欢迎您来到,李雷博客 | PHP博客        登录  |  注册

Chrome浏览器触摸屏链接点击阴影取消

更新:2021-07-01 13:40:25
人气:1202
来源:本站原创
A+

由IE转为Chrome浏览器做全屏显示时,在PC端用鼠标点击没有任何异常。但换到触摸屏幕时,点击链接或是将链接以onclick事件绑定到DIV时,点击时会有一个方形的阴影,特别影响页面显示效果,具体解决办法如下:

#anniu_index {
position:absolute;
width:200px;
height:200px;
padding-top:5px;
text-align:center;
display:block;
z-index:1;
right:5px;
top:5px;
cursor:pointer;
outline:none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

里面最关键的一句CSS代码:

-webkit-tap-highlight-color: rgba(0,0,0,0);


推荐的文章
# 发表我的评论
  /     /  
# 最近评论
暂时还没有评论,要不要说点什么?
  Ads by Google
  联系博主
Hello,本博客系统采用PHP和MySql开发,程序开发完全是因为个人爱好,是自己纯手写PHP源代码,未采用任何PHP框架!
QQ:858353007   微信号:lileihot123
网站地图
会员服务
关于我们
QQ:858353007
 
广告服务
加我微信
移动端访问
 
 
Copyright © 2014- 2025 www.mdaima.com All Rights Reserved.
李雷博客,专注PHP经验、PHP教程及PHP源代码开源下载分享的PHP博客!   ICP备案号:京ICP备10202169号-4