手机端链接点击是会出现边框

消除微信点击高亮
最新推荐文章于 2022-07-29 10:23:26 发布
最新推荐文章于 2022-07-29 10:23:26 发布
阅读量898 收藏
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/u014062332/article/details/45248153
针对微信浏览器中链接点击出现蓝色边框的问题，本文介绍了一种通过CSS样式解决的方法，使用-webkit-tap-highlight-color属性设置透明颜色即可消除该现象。

最近做了个页面在微信浏览器上访问，发现链接点击跳转的瞬间会出现一个蓝色的边框，给a标签添加了 border:0px;outline:none;的css属性 还是不生效，在网上查了资料，加上这一行css样式就可以了

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


对移动端不是太深入，原理有待研究，特此记录

菜鸟怕怕
关注
JS移动端点击弹出遮罩层
07-03
Javascript实现移动端点击按钮弹出遮罩层，自适应移动端屏幕大小。
html5手机端点击弹出层
11-24
html5手机端点击弹出层
移动端可点击元素去处默认边框
u011200562的博客
03-29 335
在移动端浏览器上，当你点击一个链接或者通过 Javascript 定义的可点击元素的时候，会出现蓝色边框，说实话，这是很恶心的，怎么去掉呢? -webkit-tap-highlight-color: rgba(255, 255, 255, 0); ...
移动端网页单击链接出现边框的问题
bangman4009的博客
04-22 130
a{-webkit-tap-highlight-color: rgba(0,0,0,0);} 转载于:https://www.cnblogs.com/Brose/p/mobile-a-click-border.html
麒麟操作系统V10登录微信报错
weixin_53237234的博客
07-29 1万+
麒麟桌面V10操作系统微信无法登录解决办法
移动端点击按钮链接触发事件时出现高亮和黄色边框
boKeB1
07-16 1545
div, img, a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; outline: none; }
清除移动端网站点击a标签时闪现的边框或遮罩层（CSS）
master_yao的博客
03-16 5790
清除移动端网站点击a标签时闪现的边框或遮罩层（CSS）
消除点击＜audio＞音乐播放器标签默认出现的边框 html+css
你好呀，很高兴你在看这里~
12-07 2541
标题：消除点击音乐播放器标签默认出现的边框 html+css 问题描述： 在写html文件时我们写audio标签时，点击播放歌曲时默认出现边框（如图），我们想消除掉。 解决方案： 1.定义标签 <audio src="白安-是什么让我遇见这样的你.mp3" controls class="yinyue"></audio> 通过添加outline属性解决 .yinyue{ outline: none; } 效果 现在点击播放就没默认的边框了。 .
手机页面上点击带链接div区域或者button出现蓝色边框
程序猿
08-14 689
手机页面上点击带链接div区域或者button出现蓝色边框，如何去掉蓝色边框： div或者button的样式里面加上： -webkit-tap-highlight-color:rgba(0,0,0,0); 这句。我自己试过是有效的。 上面的技术知识参考链接：http://blog.sina.com.cn/s/blog_966be2ca0...
移动端点击事件出现蓝色框
weixin_52279913的博客
05-27 703
最近开发h5发现页面在移动端展示的时候，点击会出现蓝色的框 这看起来很不美观 在网上找到了一些解决办法 在此记录 *{ -webkit-tap-highlight-color:rgba(0,0,0,0); } 一句css代码解决，亲测有效
手机端页面去除a标签点击时的蓝色边框
第7维度 - 日常笔记
05-22 4545
手机端页面去除a标签点击时的蓝色边框 a {border: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline: none;}
移动端点击div区域或者span出现蓝色边框
StarFishing
12-28 5218
div或者button的样式里面加上： -webkit-tap-highlight-color:rgba(0,0,0,0); 解决移动端点击出现div等出现区域边框的问题
button在点击时出现边框
热门推荐
我有个橘子
01-09 4万+
问题描述： 在自己做东西时遇见了这么个问题，button在chrome浏览器下被点击时会出现一个橙色的边框 即使当时在button上添加 :focus{outline:none;} 也无法解决问题，很急。 解决办法：在button上添加 :focus{outline:0;} 才得以解决。 思考来源： 转自：http://blog.youkuaiyun.com/qq_2622
移动端点击出现蓝色框的解决方案
weixin_30337157的博客
08-06 795
/*这一句是用来解决在安卓上的点击出现篮框问题*/body{ -webkit-tap-highlight-color:rgba(0,0,0,0); }/*下面是解决ios上去除微信点击蓝色边框 */a:focus,input:focus,p:focus,div:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:r...
css 手机点击蓝色边框,手机网站点击链接时触发颜色区块框解决办法
weixin_36277197的博客
08-04 662
忙起来的时候连博客都忘记登录，就更别说写博客了，所以一不小心差点遗忘了我的泪雪博客，因子凡最近正在给泪雪网的移动端做改版，然后在开发中遇到一些新的问题，那就是手机上浏览网站，点击链接或者页面区域的时候会出现蓝色的区块，或者说出现一层遮罩，让人有些不是很舒服，那么该如何解决呢？首先并不是所有浏览器访问都会出发区域块，子凡所使用的夸克浏览器目前出现了，其它浏览器未做详细测试，从开发者的角度来看触发区域...
web app解决手机浏览器点击链接出现蓝色边框
Je_WangZhe的专栏
06-30 3941
最近做web app项目时，经常出现一些链接在点击的时候会出现蓝色的边框，例如图片、链接等等，点击的时候都会有这种蓝色边 框，这次出于PM要求去掉，将蓝色边框改为手指触摸屏幕与手指离开屏幕做一个背景色的切换。 解决以上问题是用到一个比较偏门的CSS3属性: -webkit-tap-highlight-color        这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过
button按钮点击的时候出现边框
xiaopangzipy的博客
10-10 3187
button按钮在chrome浏览器下被点击时会出现一个蓝色的边框 解决方法： button:focus { outline: 0!important; }  
手机中点击链接或button按钮出现黄色边框的解决办法
weixin_34008933的博客
09-13 1917
a,input,button{outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-focus-ring-color: rgba(0, 0, 0, 0);} 或a,button,input{outline: none; -webkit-tap-highlight-color: rgba(255, 2...
HTML5动感登录框代码实现手机端与PC端兼容
资源摘要信息:"HTML5手机端动感登录框特效代码是一种基于HTML5技术开发的移动端登录界面代码，其设计目的是为了在手机端提供更加动感和吸引用户的登录体验。HTML5作为最新的网页技术标准，支持了更多先进的功能和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值