关于手机网站(webApp)点击链接出现蓝色焦点框的问题
来源:互联网 发布:矩阵范数不等式证明 编辑:程序博客网 时间:2024/05/17 00:50
随着智能的飞速的普及,手机网站也是越来越多。
在使用在浏览手机网站时候,点击链接时候出现一个蓝色的框,非常多影响视角效果,俺就是饱受折磨,又说服不了设计师,几经周折。查阅一些资料,总算把原因给找到了。现在分享出来与大家共享
出现以上问题的不再PC端点击链接的虚线框在作祟了,而一个比较偏门的CSS3属性 -webkit-tap-highlight-color 在捣蛋作祟。
-webkit-tap-highlight-color
这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景。要重设这个表现,你可以设置-webkit-tap-highlight-color为任何颜色。
想要禁用这个高亮,设置颜色的alpha值为0即可。
目前此属性支持 IOS系统iphone与ipad,其他系统暂时不支持。在webkit核心的浏览器下来又表现出来了,经过我的测试,在android系统,颜色值不生效,无法运用起来,默认的效果又太撮了。故而只能忍痛暂时将其废弃掉,禁用这个高亮的方式。
在样式表中写一条 body{-webkit-tap-highlight-color:rgba(0,0,0,0)}
0 0
- 关于手机网站(webApp)点击链接出现蓝色焦点框的问题
- 解决手机网站点击出现蓝色框的问题
- web app解决手机浏览器点击链接出现蓝色边框
- 解决手机端页面的鼠标点击出现蓝色背景
- 手机页面点击链接蓝色背景去掉
- a链接点击出现蓝色边框解决办法
- 手机点击出现蓝色区域方块
- 处理手机上 图片链接 点击右蓝色的背景框
- 如何去掉input点击出现的蓝色框
- 在为Android 开发WebAPP 遇到的一个问题:点击元素会出现蓝框
- 点击链接元素出现蓝色边框或者出现半透明蓝色背景
- 文本框点击后出现蓝色框
- 关于LisetView点击焦点问题
- 手机网站点击链接触发颜色块的问题解决
- 去掉webapp点击一个链接或JS定义的可点击元素会出现一个半透明的灰色背景
- 关于a链接在某些手机上会出现的问题
- IOS手机 html5页面 数字变成蓝色链接的原因
- 去除浏览器文本框点击时候出现的蓝色边框
- linux centos 网卡错误 Device eth0 does not seem to
- 常用排序算法(Python)
- 说说instanceof踩了一个坑
- 函数调用的底层机制
- layers_from_handle
- 关于手机网站(webApp)点击链接出现蓝色焦点框的问题
- Linux下用于查看系统当前登录用户信息的4种方法
- 100w个数中找出最大的前K个数
- java中String StringBuffer 与 StringBuilder 的区别
- Spring 之 Bean的属性注入
- 按钮文字倒计时效果
- ffmpeg 中av_rescale_rnd 的含义
- Android ViewHolder的作用与用法
- C++常类型(const)