手机中点击一个链接或文本输入框出现一个半透明的背景的问题

刚开始接触移动端的开发,发现input元素在iPhone中获得焦点时会出现一个半透明的背景,如图:

要去掉这个半透明背景需要设置以下样式

-webkit-tap-highlight-color:rgba(0,0,0,0);

tap-highlight-color:rgba(0,0,0,0);

补充下网上的资料说明:

当你点击一个链接或输入框元素时,就会出现一个半透明的灰色背景。

tap点击,highlight背景高亮,color颜色,颜色用数值调节

手机中点击一个链接或文本输入框出现一个半透明的背景的问题,布布扣,bubuko.com

时间: 2024-10-13 00:44:37

手机中点击一个链接或文本输入框出现一个半透明的背景的问题的相关文章

怎么让手机浏览器和微信焦点在文本输入框时不自动放大页面

方法一:禁止页面缩放 在head标签中加入以下代码 <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0, user-scalable=no"> content的解释 width=device-width //宽度等于设备屏幕宽度 initial-scale=1.0 //初始缩放比例 minimum-

手机中点击链接或button按钮出现黄色边框的解决办法

a,input,button{outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-focus-ring-color: rgba(0, 0, 0, 0);} 或a,button,input{outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-modify: read-write-plaint

js onclick事件在电脑上正常,在手机中点击不生效

出现此问题的原因是由于onclick中的方法名称与其id名称重复,手机无法识别. 如下: <a id="a" onclick="a('b','a');return false;">加急</a>                                <script>                                                              function a(typeid,a

详谈Gdtool如何通过代码实现微信h5页面跳转浏览器 在微信中点击链接直接跳转到手机默认浏览器

前言 现如今微信对第三方推广链接的审核是越来越严格了,域名在微信中分享转发经常会被拦截,一旦被拦截用户就只能复制链接手动打开浏览器粘贴才能访问,要不然就是换个域名再推,周而复始.无论是哪一种情况都会面临一个非常严重的问题,那就是用户体验差,用户量无法有效地累积起来,从而导致推广成本一直在增加,推广效率却无法有明显的提升. 所以针对这个问题,特写这篇文章来分享如何正常从微信内访问已经被拦截的链接,或者说如何有效地防止链接被微信拦截.此方法适用于安卓和苹果,且不需要安装任何软件和插件. ? 简单的处

详谈ccjump如何通过代码实现微信h5页面跳转浏览器 在微信中点击链接直接跳转到手机默认浏览器

前言 现如今微信对第三方推广链接的审核是越来越严格了,域名在微信中分享转发经常会被拦截,一旦被拦截用户就只能复制链接手动打开浏览器粘贴才能访问,要不然就是换个域名再推,周而复始.无论是哪一种情况都会面临一个非常严重的问题,那就是用户体验差,用户量无法有效地累积起来,从而导致推广成本一直在增加,推广效率却无法有明显的提升. 所以针对这个问题,特写这篇文章来分享如何正常从微信内访问已经被拦截的链接,或者说如何有效地防止链接被微信拦截.此方法适用于安卓和苹果,且不需要安装任何软件和插件. 简单的处理方

gdtool解决在微信中点击×××类app下载链接显示已停止访问打不开的问题

前言 现如今微信对第三方推广链接的审核是越来越严格了,域名在微信中分享转发经常会被拦截,一旦被拦截用户就只能复制链接手动打开浏览器粘贴才能访问,要不然就是换个域名再推,周而复始.无论是哪一种情况都会面临一个非常严重的问题,那就是用户体验差,用户量无法有效地累积起来,从而导致推广成本一直在增加,推广效率却无法有明显的提升. 所以针对这个问题,特写这篇文章来分享如何正常从微信内访问已经被拦截的链接,或者说如何有效地防止链接被微信拦截.此方法适用于安卓和苹果,且不需要安装任何软件和插件. ? 简单的处

IPhone手机页面中点击文本输入框,弹出键盘,网页会放大,如何解决

在head标签中加入以上meta声明.具体属性可以谷歌/百度. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 我查了下viewport,有几个属性:width - viewport的宽度 height - viewport的高度initial-scale - 初始的缩放比例minim

设置警告框样式为带有两个文本输入的警告框,用于收集用户收货地址和联系电话。并选择合适的代理方法,当警告框上的两输入框有一个为空时限制“购买”按钮点击。

收集购物信息  iOS项目 倒计时:588 步骤 /.panel-heading 项目需求 设置警告框样式为带有两个文本输入的警告框,用于收集用户收货地址和联系电话.并选择合适的代理方法,当警告框上的两输入框有一个为空时限制“购买”按钮点击. #import "TableViewController.h" @interface TableViewController ()<UIAlertViewDelegate> @property (nonatomic, strong)

微信中点击链接或扫描二维码跳转外部浏览器的API接口

很多朋友的APP推广链接需要在微信中进行的网页宣传.传播.下载等等,但是各位朋友一定发现了微信中是屏蔽掉了APP的下载链接的.但是微信最为一个最大的社交平台,为了自身的利益,屏蔽掉了所有APK的下载链接.我们要怎么解决这个问题呢? 解决方案: 我们基于微信接口开发了一款全新的手机端微信中下载APP的程序,通过这个程序生成的链接,安卓用户在微信中点击的话,是可以直接跳转手机默认浏览器打开下载链接.IOS用户在微信中点击的话会弹出一个遮罩提示用户用浏览器打开下载链接或者是跳转到苹果的APP商店.这样