手机端a标签会自动补充出现边框或者背景，使得用户知道a标签的点击状态，但样式很不好看

<!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>我的生活</title>

    <meta name="viewport" content="initial-scale=1, maximum-scale=1">

    <link rel="shortcut icon" href="/favicon.ico">

    <meta name="apple-mobile-web-app-capable" content="yes">

    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <style>

        a{

            border:none;

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

            -webkit-tap-highlight-color:transparent;

            outline:none；

            }

    </style>

  </head>

  <body>

    <a href="https://www.baidu.com/">测试边框</a>

  </body>

</html>
其中对a添加样式
a{

            border:none;

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

            -webkit-tap-highlight-color:transparent;

            outline:none；

            }


-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:transparent; 都可以将该阴影透明化，进而解决那个丑丑的边框问题


												


											
移除手机端a标签点击自动出现的边框和背景的更多相关文章
	

    
								
  1. 【极品代码】一般人我不告诉他，手机端h5播放时不自动全屏代码
		
    已测适用于ios,某些安卓手机微信下播放视频会出现播放器控件(这个实在是无力吐槽噢,因为之前还遇到过微信播放完视频后竟然无法退出全屏出现广告的情况,只有播放完后刷新页面并且要放到框架页里才能屏蔽微信视 ...
    
		
    2. 
						
  2. Trick:如何去掉html标签点击时的蓝色边框
		
    我们在用html标签时,如input.button.select,img标签时,点击标签经常出现一个蓝色的边框,这个边框真的很low,想要去掉怎么办   其实,css有样式可以设置一下,这个问题就轻松 ...
    
		
    3. 
						
  3. 去除手机端a标签等按下去背景色
		
    a,button,input,textarea,label,i,em{/*highlight*/ -webkit-tap-highlight-color: rgba(255,0,0,0); borde ...
    
		
    4. 
						
  4. a标签点击触发 layer open 只显示背景解决
		
    问题:公司网站突然说有个查看信息的点击不好使了,有时候点击无反应,但是href执行了,有时候弹出只有背景,不显示内容.网上找了a标签的各种方法尝试后,均不能解决. 代码:类似如下,method()方法 ...
    
		
    5. 
						
  5. 手机端页面访问PC页面自动跳手机端代码
		
    <script> var mobileAgent = new Array("iphone", "ipod", "ipad", & ...
    
		
    6. 
						
  6. js判断手机端操作系统(Andorid/IOS)
		
    非常实用的js判断手机端操作系统(Andorid/IOS),并自动跳转相应下载界面 androidURL = "http://xxx/xxx.apk"; var browser = ...
    
		
    7. 
						
  7. js判断手机端操作系统的两种方法
		
    //判断手机端操作系统(Andorid/IOS),并自动跳转相应下载界面 androidURL ="http://xxx/xxx.apk"; var browser = { ver ...
    
		
    8. 
						
  8. 原生js实现响应式轮播图，支持电脑端点击切图，手机端滑动切图
		
    轮播图的实现原理并不难,但是步骤有些繁琐.最近练习了一个轮播图,大部分是跟着网上的教程写的,然后自己做了一点兼容ie8的修改,加了点击切换图片的特效和手机端的滑动特效,让这个轮播图可以在响应式的网站中 ...
    
		
    9. 
						
  9. 手机端flex、字体设置、快速点击
		
    ;(function flexible (window, document) { var docEl = document.documentElement ♥1 var dpr = window.de ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. windows下移植别人配置好的python环境
			
    一般来说,我们在windows下配置python环境的时候可能会比较推荐用anaconda,那么有一个比较方便的anaconda环境移植方法,也就是说,如果我已经在windows上安装好了anacon ...
    
			
    2. 
						
  2. 二、JavaScript之点击按钮改变HTML样式 (CSS)
			
    一.代码如下 二.点击前 三.点击后 <!DOCTYPE html> <html> <meta http-equiv="Content-Type" c ...
    
			
    3. 
						
  3. 038-PHP向返回的闭包函数实例中，传递外部变量参数
			
    <?php # 向返回的闭包函数实例中,传递外部变量参数 # 直接调用将不会输出$txt的内容 function demo(){ $txt = '我爱PHP'; # 1.function()内的 ...
    
			
    4. 
						
  4. 031-PHP获取图像信息
			
    <?php list($width, $height, $type, $attr) = getimagesize("plane.jpg"); echo "宽度为:& ...
    
			
    5. 
						
  5. border-radius 在 浏览器开发者工具移动端里是有效的，在真机是无效的。
			
    border-radius 在 浏览器开发者工具移动端里是有效的,在真机是无效的,怎么解决? 答案是 border-radius:20px !important 加上!important 就好了.
    
			
    6. 
						
  6. Essay写作观点的打造
			
    很多留学生在Essay写作过程中经常出现的问题就是缺乏对于已有知识的新的理解,只是单纯在做文献综述(literature review)而已.要怎么样才能够体现自己的理解和自己的观点,便是今天我们讲解 ...
    
			
    7. 
						
  7. 创建一个简单的Spring应用
			
    环境已经安装完成,接下来创建一个简单的Spring应用. 创建Spring应用步骤: 创建一个maven项目 添加spring库依赖 创建Bean类 添加Bean的xml装配文件 创建主类 运行应用程 ...
    
			
    8. 
						
  8. jQuery中:first，:first-child，first()的使用区别
			
    ul li:first  先获取页面中所有li节点对象数组,然后返回数组中的第一个li节点对象 . :first-child  选择器选取属于其父元素的第一个子元素的所有元素. first() 返回被 ...
    
			
    9. 
						
  9. java课程课后作业190502之单词统计续集
			
    第1步:输出单个文件中的前 N 个最常出现的英语单词. 功能1:输出文件中所有不重复的单词,按照出现次数由多到少排列,出现次数同样多的,以字典序排列. 功能2: 指定文件目录,对目录下每一个文件执行统 ...
    
			
    10. 
						
  10. JVM探秘：jinfo查看JVM运行时参数
			
    本系列笔记主要基于<深入理解Java虚拟机:JVM高级特性与最佳实践 第2版>,是这本书的读书笔记. 如何查看JVM运行时参数,对于线上JVM调优是很关键的,因为只有知道了当前使用的JVM ...
    
			
    11.