H5中a标签点击后的背景颜色怎样去掉？

发布时间：2023-08-01 14:56:32 所属栏目：语言来源：

导读： 我们知道，一般a标签点击时是有蓝色的背景颜色的，那么我们如果想要去除这样的背景的颜色应该怎样做呢？下面小编就给大家来简单的介绍去除a标签点击后的背景颜色的方法。

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

我们知道，一般a标签点击时是有蓝色的背景颜色的，那么我们如果想要去除这样的背景的颜色应该怎样做呢？下面小编就给大家来简单的介绍去除a标签点击后的背景颜色的方法。

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

a {

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

-webkit-user-select: none;

-moz-user-focus: none;

    -moz-user-select: none;

}

    2、使用图片作为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;

}

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

::selection {

    background: #FFF;

    color: #333;

}

::-moz-selection {

    background: #FFF;

    color: #333;

}

::-webkit-selection {

    background: #FFF;

    color: #333;

}

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

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

    5、去除ios中图片被选中时的蓝色背景

img {

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

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

-webkit-user-select: none;

-moz-user-focus: none;

-moz-user-select: none;

user-select: none;

}

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!