下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:取消a标签在移动端点击时的背景颜色

作者:陈莺莺呀     来源: https://www.cnblogs.com/chenyingying0/archive/2020/03/19/125点击数:1194发布时间: 2020-03-29 14:16:53

标签: 图像a标签html

Web开发

  背景(background)属性定义元素的背景效果元素的背景区包括前景之下直到边框边界的所有空间。因此,内容框与内边距都是元素背景的一部分,且边框画在背景上。css允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果;CSS在这方面的能力远远在html之上。

  取消a标签在移动端点击时的背景颜色

  一、取消a标签在移动端点击时的蓝色

  a{

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

  -webkit-user-select:none;

  -moz-user-focus:none;

  -moz-user-select:none;

  }

  二、使用图片作为a标签的点击按钮时,当触发touchstart的时候,往往会有一个灰色的背景

  a,a:hover,a:active,a:visited,a:link,a:focus{

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

  -webkit-tap-highlight-color:transparent;

  outline:none;

  background:none;

  text-decoration:none;

  }

  三、改变选中内容的背景颜色

  ::selection{

  background:#FFF;

  color:#333;

  }

  ::-moz-selection{

  background:#FFF;

  color:#333;

  }

  ::-webkit-selection{

  background:#FFF;

  color:#333;

  }

  四、去除iosinput框点击时的灰色背景

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

  background简写属性在一个声明中设置所有的背景属性。

赞(12)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程