Chrome浏览器触摸屏链接点击阴影取消
更新:2021-07-01 13:40:25
人气:533
来源:本站原创
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
随手记
- ● JavaBridge.jar和Aspose.Cells安装及PHP将EXCEL导出PDF方法
- ● PHP批量删除所选内容的ID与参数加密冲突的解决方法【专用】
- ● JQ实现banner轮播图片的淡入淡出切换效果的代码
- ● PHP上传大文件二次确认对话框及loading显示防止假死状态【专用】
- ● DreamWeaver正则表达式将代码中的空白行删除
- ● mysql的慢查询日志记录什么
- ● js获取上传文件类型以及大小的方法
- ● windows系统如何查询openssl.cnf文件位置及更换路径
- ● [ssl:warn]SessionCacheisnotconfigured[hint:SSLSessionCache]原因
- ● servercertificatedoesNOTincludeanIDwhichmatchestheservername
PHP经验分享