点击出现黑色背景的解决：-webkit-tap-highlight-color:rgba(0,0,0,0)

在手机上（iphone）点击按钮的时候，屏幕总会闪动一下，这让页面看起来很不友好也不流畅。解决方案加了一句css就解决了：

-webkit-tap-highlight-color:rgba(0,0,0,0)
//webkit是苹果浏览器引擎，tap点击，highlight背景高亮，color颜色，颜色用数值调节。

原因如下：

在移动端上，有事件监听的元素被点击的时候会被高亮显示，而-webkit-tap-highlight-color属性会在当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时，覆盖显示的高亮颜色。

该属性可以只设置透明度。如果未设置透明度，iOS Safari使用默认的透明度。当透明度设为0，则会禁用此属性；当透明度设为1，元素在点击时不可见。

转载于:https://www.cnblogs.com/xiangru0921/p/6514100.html

点击出现黑色背景的解决：-webkit-tap-highlight-color:rgba(0,0,0,0)相关推荐

点击出现黑色背景的解决
-webkit-tap-highlight-color:rgba(0,0,0,0); 转载于:https://www.cnblogs.com/luckyXcc/p/6085582.html
html鼠标事件没反应,鼠标有时候点击没反应怎么解决
关于鼠标有时候点击没反应的问题,一些网友显得一头雾水,那这该怎么解决呢?下面就由小编来给你们说说鼠标有时候点击没反应的原因及解决方法吧,希望可以帮到你们哦! 鼠标有时候点击没反应的解决方法一: 一,系 ...
vue 给checkbox 赋值_Vue动态生成el-checkbox点击无法赋值的解决方法
前言最近遇到一个问题,在一个页面需要动态渲染页面内的表单,其中包括 checkbox 表单类型,并且使用 Element 组件 UI 时,此时 v-model 绑定的数据也是动态生成的例如: 定义 ...
win10 JDK-8u231安装点击下一步没反应解决方法-JDK安装记录
先说结论:win10 JDK-8u231安装点击下一步没反应解决方法就是换安装包,最显眼的那个jdk-8u231-windows-x64.exe不能用,亲测 jdk-11.0.5_windows-x ...
Pycharm中无法通过点击查看csv文件解决方法
Pycharm中无法通过点击查看csv文件问题描述: Pycharm中无法像上图中一样通过点击打开csv文件解决方法: 在Pycharm项目界面中找到对应文件,鼠标左键双击,此时右下角会出现红色感 ...
删除AppData后出现任务栏图标点击没反应的解决方法
删除AppDate后出现任务栏图标点击没反应的解决方法本人因为C盘满了,一时手贱把c盘里面用户文件的AppData删除了,结果出现有些软件打不开,任务栏点击没反应.游览器插件丢失.软件的环境变量消失 ...
win10任务栏点击右键无反应解决方法
开始键,任务栏点击右键无反应解决方式 1.在键盘上按下win+R键,或在开始菜单图标上点击右键选择运行; 2.输入powershell,按下"确定"运行; 3.在窗口里输入或复制粘 ...
您的连接不是私密连接……谷歌浏览器一些https打不开点击高级不行的解决办法
▌关于谷歌浏览器一些https网站打不开点击高级不行的解决办法有些url,在谷歌浏览器上打不开,点击高级也没有继续前往的选项点击高级选项出现如下内容您目前无法访问 https://192.168 ...
【Echarts图例点击事件】自定义Echarts图例legend点击事件（已解决）
目录先睹为快(效果) 1.实现Echarts多条曲线 2.点击echarts触发接口请求 2.1 先默认隐藏部分数据 2.2 自定义legend图例点击事件 3.源码下载地址(解压即用) **[写在 ...

点击出现黑色背景的解决：-webkit-tap-highlight-color:rgba(0,0,0,0)

点击出现黑色背景的解决：-webkit-tap-highlight-color:rgba(0,0,0,0)相关推荐

最新文章

热门文章