H5移动端点击出现背景蓝色框的解决方案

最新推荐文章于 2022-05-27 10:24:49 发布

Zan^Z

最新推荐文章于 2022-05-27 10:24:49 发布

阅读量1.1k

点赞数 1

分类专栏： H5 文章标签： javascript ios 开发语言

本文链接：https://blog.csdn.net/Zan_Z/article/details/121100171

版权

H5 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

在H5移动端开发中，用户点击元素时，有时会出现蓝色边框，这可能影响界面美观。解决这个问题，可以使用CSS的`-webkit-tap-highlight-color`属性将点击高亮颜色设置为透明，或者全局设置`* { -webkit-tap-highlight-color: rgba(0,0,0,0); }`来消除这种效果。此外，对于特定元素，还可以通过添加`user-select: none;`防止选中。" 126750182,7768289,i.MX6ULL SPI驱动LCD（ST7789）实战解析,"['驱动开发', '嵌入式硬件', 'Linux驱动', 'SPI通信']

摘要由CSDN通过智能技术生成

在这里插入图片描述

// 安卓

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:read-write-plaintext-only; 
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Zan^Z

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
H5移动端点击出现背景蓝色框的解决方案

// 安卓body{ -webkit-tap-highlight-color:rgba(0,0,0,0); }//IOSa:focus,input:focus,p:focus,div:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only; }
复制链接

扫一扫