自己做h5页面点击元素块的时候会出现黑色阴影

最新推荐文章于 2021-12-02 13:25:41 发布
最新推荐文章于 2021-12-02 13:25:41 发布
阅读量5.1k 收藏 1
点赞数
分类专栏： 前端 文章标签： html5
本文介绍了一种解决移动端网站或APP中点击元素时出现的闪动或灰色背景问题的方法。通过调整CSS属性，使点击事件触发时背景变为透明，从而改善用户体验。

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

转载

取消手机点击屏幕时，会出现的灰块：（这个试过了 ，可以解决！）

html,body{-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

隐藏文本框阴影

input, textarea{-webkit-appearance: @none;}

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

只需对绑定事件添加class样式 使其触发事件时背景为透明色  

.class{-webkit-tap-highlight-color:transparent;}

H5页面（八）常见的问题二------填坑
斗师——Ace
06-09 2118
添加小程序，兑换各种视频教程/数据资源。 1. 添加到主屏后的标题（IOS） <meta name="apple-mobile-web-app-title" content="标题"> 2. 启用 WebApp 全屏模式（IOS） 当网站添加到主屏幕后再点击进行启动时，可隐藏地址栏（从浏览器跳转或输入链接进入并没有此效果） <meta name="app...
H5类似易企秀/编辑器/页面制作/开发/生成工具/软件/源码/授权
findhappy117的博客
03-12 5615
代码地址如下：http://www.demodashi.com/demo/14960.html 项目简介 H5DS (HTML5 Design software) 这是一款基于WEB的 H5制作工具。让不会写代码的人也能轻松快速上手制作H5页面。 H5DS 官方 Git (https://github.com/h5ds/h5ds) ，简体中文 UTF8 版本，其他版本请自行转码 h5ds 官...
移动端网站或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点击后出现闪动或灰色背景 只需对...
移动端点击组件有阴影
紫月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;
移动端，点击之后某个区域后有阴影
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...
移动端a标签点击图片有阴影处理
WEB_HW
02-19 3981
移动端我们在点击页面中的一些图片的时候会出现阴影。处理方法只要给a标签加上a { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; }
移动端div，a，img点击会出现阴影的处理
JunedQQ的博客
12-02 850
div,a,img { -webkit-tap-highlight-color: transparent; }
黑色炫酷H5播放模板设计推荐
H5页面模板是用于搭建和设计具有响应式特性的网页的预设框架，它们通常包含HTML、CSS和JavaScript代码，用于快速构建网页布局和交互功能。在该模板的描述中，特别强调了“黑色”和“炫酷”的设计风格，这通常意味着...
黑色背景废旧汽车css模板_黑色 html_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.rar
08-06
在这个模板中，CSS被用来创建黑色背景，这可能涉及到设置body元素的背景颜色，以及调整其他元素与黑色背景的对比度，以确保内容清晰可读。CSS3还提供了过渡、动画和阴影等效果，可能被用于增强废旧汽车的视觉呈现，...
黑色木纹质感漂亮企业网站模板下载_黑色 木纹 质感 幻灯 企业 大图 精品_html网站模板_网页源码移动端前端_H5.rar
08-05
这个模板中的幻灯展示可能采用了滑动效果，用户可以通过点击或自动播放来浏览内容，增强了用户的参与度。 5. **大图设计**：大图背景或大图元素常用于突出网站的核心信息或品牌形象。这种设计手法可以吸引用户的...
移动端，div点击瞬间，去掉出现阴影问题。
白白的博客
10-11 836
/移动端，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
点击H5页面的时候出现阴影
weixin_34008805的博客
12-04 1269
1.bug描述 顺利的写完了页面，放到了线上，打开手机点开之后，点击某一个按钮时，会出现一个阴影部分， 2.解决办法 查看一些资料，发现就是点击事件css加载出的一种样式，所以css提供了一个属性： .class{-webkit-tap-highlight-color:transparent;} 复制代码这个样式作用就是可以设置点击效果的一种提示样式； 把这个属性设置在点击元素的父元素上，就可以进...
去除手机页面点击元素的阴影
kwin的博客
12-31 1557
手机端部分浏览器，tap后会出现一个半透明的灰色背景，这是tap后的背景高亮，要重设这个表现，则需要设置-webkit-tap-highlight-color为所需色彩，直接透明吧：a, img, button, input, textarea { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-co
解决移动端页面点击图标或按钮产生透明灰色背景
lily2016n的博客
10-13 4305
html,body{-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
网站整体变灰色
weixin_33748818的博客
04-23 156
&lt;body  style="filter:Gray"&gt;
html 弹窗之后页面变灰色,点击后画面弹框背景变灰阴影层
weixin_29944865的博客
06-03 2602
实现页面功能的时候经常会遇到一个小功能需求：点击画面一个按钮，画面弹出信息页面，同时背景变暗(背景变暗其实是有个灰色半透明的全屏div遮住了原来的页面)且不可操作，信息页面操作关闭后恢复正常。先简要理一下实(shuo)现(ren)思(hua)路：点击事件之后要呈现半透明灰色背景挡住原页面灰色背景之上弹出对话框(或是信息页面)对话框关闭按下之后，对话框消失灰色背景消失html、css方面：信息页面得...
html表单按钮灰色,点击提交按钮后按钮变灰色不可用状态的三种方法
weixin_39996141的博客
06-07 3854
第一种方法：直接按钮中加入当点击提交后，提交按钮变灰色不可用，这样可有效防止重复提交，本代码就是实现这样一个功能。从代码就可以看出，我们只需在提交按钮上加入这一句： onclick="javascript:{this.disabled=true;document.form1.submit();}"，意思是当按钮点击后，将按钮的不可用属性设置为true，这样按钮就变灰了表单提交后按钮变成灰色[Ctr...
（仿头条APP项目）6.点击过的新闻列表文字变灰和下拉刷新与滚动加载新闻数据
我真的很不错的博客
06-04 1126
文章目录一.点击过的新闻列表文字变灰效果图实现思路导入ormlite数据库类依赖利用ormlite创建数据库和表创建数据库类MyDbHelper创建数据库中的新闻实体类NewInfo页面事务代码编写列表点击事件在getView中判断列表内容是否被点击过创建queryIdInDb方法查询当前新闻是否存在数据库中根据是否存在数据库表来改变标题与日期的颜色二.下拉刷新与滚动加载新闻数据效果图实现思路MyApi中添加获取下一页url地址的类页面事务代码编写添加滚动与下拉刷新器下拉刷新滚动加载总代码 一.点击过的新闻
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值