怎么在CSS中去除移动端点击时元素产生的背景色

本篇文章给大家分享的是有关怎么在CSS中去除移动端点击时元素产生的背景色,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

舒兰ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联建站的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18982081108(备注:SSL证书合作)期待与您的合作!

在点击产生背景色的元素的css样式上加上以下代码:   
 

-webkit-tap-highlight-color: transparent;

ps:下面看下css取消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; 
}

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

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

以上就是怎么在CSS中去除移动端点击时元素产生的背景色,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。


当前题目:怎么在CSS中去除移动端点击时元素产生的背景色
分享网址:http://bzwzjz.com/article/joessd.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 手机网站制作 外贸网站建设 响应式网站设计 营销型网站建设 成都网站建设公司 网站制作报价 网站设计 成都网站制作 成都网站建设 企业网站建设公司 企业网站设计 成都网站设计 营销型网站建设 专业网站设计 成都网站设计 成都网站建设 成都响应式网站建设 四川成都网站设计 网站设计制作 网站制作 广安网站设计 专业网站建设