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

最新推荐文章于 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);


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

菜鸟怕怕
关注
uniapp [安卓苹果App端] - 详细实现手机蓝牙连接打印机及打印票据小票/标签/面单/热敏小票订单/快递单等通用兼容适配解决方案，Uniapp对接蓝牙打印机支持各种主流品牌及打印指令，强悍插件
🏆 前端领域优质创作者
09-28 1万+
uni-app，安卓Android，苹果ios，安卓app端，苹果App端，uniapp苹果app，蓝牙打印机，uniappAPP实现通过蓝牙连接打印机打印，uniapp蓝牙连接打印机，安卓蓝牙打印插件，蓝牙打印机，蓝牙ble低功率及高功率打印机小票、标签、面单打印，手机PDA蓝牙打印插件，连接蓝牙打印机，蓝牙连接，打印文本、图片、条码、二维码，兼容斑马打印机、佳博打印机，TSC打印机，免费蓝牙打印机组件，蓝牙打印条码，蓝牙打印机连接，热敏蓝牙打印机，便携式打印机，打印机搜索不到，连接失败，发送打印命令
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）
HTML5手机端动感登录框代码.zip
07-05
"HTML5手机端动感登录框代码"是一个专为移动设备设计的登录界面，同时也兼容桌面平台，旨在提供一种吸引用户且操作便捷的登录体验。这个压缩包包含了实现这一效果所需的代码资源。 首先，我们要理解HTML5中的关键...
HTML5动感登录框代码实现手机端与PC端兼容
资源摘要信息:"HTML5手机端动感登录框特效代码是一种基于HTML5技术开发的移动端登录界面代码，其设计目的是为了在手机端提供更加动感和吸引用户的登录体验。HTML5作为最新的网页技术标准，支持了更多先进的功能和...
写一个html的输入框，和一个按钮，输入框输入内容后点击按钮，会将预设的文本和输入的内容连接进来，拼接成一个链接并打开。并将网页美化一下，使其适合手机端查看
04-03
嗯，用户想要一个HTML的输入框和一个按钮，输入内容后点击按钮，把预设的文本和输入的内容拼接成链接并打开，还要美化适合手机端。首先，我需要确认用户的需求是否明确。他们可能希望有一个简单的页面，用户输入一些...
HTML5手机端实现刮刮乐效果的JS代码介绍
- **响应式设计**：考虑到手机端的特性，使用CSS媒体查询（Media Queries）可以创建适应不同屏幕尺寸的响应式布局，确保刮奖活动在各种移动设备上的兼容性和体验一致性。 ### 知识点四：手机端特性考量 在开发...
消除点击＜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_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...
移动端点击事件出现蓝色框
weixin_52279913的博客
05-27 703
最近开发h5发现页面在移动端展示的时候，点击会出现蓝色的框 这看起来很不美观 在网上找到了一些解决办法 在此记录 *{ -webkit-tap-highlight-color:rgba(0,0,0,0); } 一句css代码解决，亲测有效
移动端点击div区域或者span出现蓝色边框
StarFishing
12-28 5218
div或者button的样式里面加上： -webkit-tap-highlight-color:rgba(0,0,0,0); 解决移动端点击出现div等出现区域边框的问题
手机端页面去除a标签点击时的蓝色边框
第7维度 - 日常笔记
05-22 4547
手机端页面去除a标签点击时的蓝色边框 a {border: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline: none;}
奥运会科普平台系统-奥运会科普平台系统源码-奥运会科普平台系统代码-springboot奥运会科普平台系统源码-基于springboot的奥运会科普平台系统设计与实现-项目代码
最新发布
09-08
奥运会科普平台系统-奥运会科普平台系统源码-奥运会科普平台系统代码-springboot奥运会科普平台系统源码-基于springboot的奥运会科普平台系统设计与实现-项目代码
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值