移动端div，a，img点击会出现阴影的处理

最新推荐文章于 2022-04-07 16:25:06 发布

棠心木木

最新推荐文章于 2022-04-07 16:25:06 发布

阅读量850

点赞数

CC 4.0 BY-SA版权

文章标签： html5

本文链接：https://blog.csdn.net/JunedQQ/article/details/121675193

本文探讨了如何在前端开发中隐藏tap-highlight-color，提供一种提高用户体验的技术细节，涉及CSS和HTML的高级配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

div,a,img {
  -webkit-tap-highlight-color: transparent;
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

棠心木木

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

移动端点击按钮和输入框会有阴影闪一下

拥抱AI Design

03-12

449

本文主要介绍移动端下点击按钮会有阴影闪一下的解决方案，来自程序猿的强迫症。 html,body{-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

移动端开发案例-京东移动端首页

m0_37643322的博客

09-26

5528

1.移动端技术选型方案：单独制作移动页面方案布局：流式布局 2.搭建相关文件夹结构其中index.html是京东首页，index.css是自己写的样式，另外一个css初始化文件可以从http://necolas.github.io/normalize.css//下载保存到相应位置. images主要是放置背景图，upload主要是放置一些产品图片 3.设置视口标签以及引入初始化样式 4.整体html结构 5.分析页面布局 移动端的布局和网页端的布局基本一样，也是大盒子套小盒子，综合应用流式、定位

参与评论您还未登录，请先登录后发表或查看评论

移动端，div点击瞬间，出现阴影问题。

weixin_42448659的博客

07-05

4186

safari测试中意识到的问题，以求更好的用户体验，这种问题绝对要解决，后来使用了以下方法，那么div被点击的时候就不会有阴影出现，同理rgba(0, 0, 0, 0) 也可以改transparent （透明色）作用相同。 div {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}...

移动端a标签点击有阴影

weixin_30571465的博客

06-19

201

a标签添加 -webkit-tap-highlight-color: rgba(0,0,0,0); 转载于:https://www.cnblogs.com/liangfc/p/9200680.html

手机上怎么去掉a 标签中的img点击时的阴影？

weixin_34380296的博客

01-05

229

a { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none;} 一般a标签被按住时会出现这个阴影所以解决方法也是针对a标签 a { -webkit-tap-highli...

移动端点击组件有阴影

紫月7575的博客

10-28

429

移动端点击组件有阴影 ios的单选框点击之后,组件变蓝,但是有焦点的那个组件会有蓝色阴影,失去焦点阴影就会消失解决方法 box-shadow:0 0 0 0!important; 我使用的是element-ui的组件,查看源代码之后,发现阴影是在span的el-radio__inner上的代码 .el-radio__input.is-checked{ .el-radio__inner{ box-shadow:0 0 0 0!important;

移动端携程首页制作

qq_44757223的博客

04-07

3635

移动端携程首页制作背景线性渐变

jQuery实现移动端跑马灯抽奖特效详解

制作携程网移动端首页

chenyiboke的博客

11-21

4289

1. 技术选型方案：我们采取单独制作移动页面方案技术：布局采取flex布局 2. 设置视口标签以及引入初始化样式 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale...

移动端，点击之后某个区域后有阴影

weixin_30767835的博客

07-03

178

移动端页面按钮或者图标，点击的瞬间会有阴影，这是浏览器自带的，要去除这个阴影可以在css样式里加上以下属性：-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; 转载于:https://www.cnblogs.com/xiaozhangzhang/p/9257324.ht...

移动端网站或APP点击后出现闪动或灰色背景

weixin_30279315的博客

08-14

412

隐藏文本框阴影 input, textarea{-webkit-appearance: @none;} 取消手机点击屏幕时，会出现的灰块 html,body{-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} 　 移动端网站或APP点击后出现闪动或灰色背景只需对...

移动端a标签点击图片有阴影处理

WEB_HW

02-19

3981

移动端我们在点击页面中的一些图片的时候会出现阴影。处理方法只要给a标签加上a { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; }

清除移动端 点击阴影效果(移动端点击按钮或者a标签后的背景清除)

primedream_RYH的博客

06-13

1194

只需要在有点击阴影的地方加上下面的代码就可以了-webkit-tap-highlight-color: transparent;

移动端，div点击瞬间，去掉出现阴影问题。

白白的博客

10-11

837

/移动端，div点击瞬间，出现阴影问题。/ div,a,img { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; user-select:none; }

移动web在ios和android下点击元素出现阴影问题

寂寞的天空的博客

01-12

1553

移动web开发经验总结 1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。备注：transparent的属性值在android下无效。 2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影。 3、-webkit-transform:translate3

IOS移动端点击阴影如何去除？

shuzipai的博客

08-25

8578

IOS移动端点击阴影如何去除？

移动端点击出现阴影 css解决方案

p15097962069的博客

10-06

353

移动端点击出现阴影 css解决方案

解决移动端页面点击图标或按钮产生阴影

dengla6847的博客

07-22

410

移动端页面按钮或者图标，点击的瞬间会有阴影，这是浏览器自带的，要去除这个阴影可以在css样式里加上以下属性： -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; 转载于:https://www.cnblogs.com/lguow...