美文网首页工作常用
如何用css去掉a标签点击时的背景色

如何用css去掉a标签点击时的背景色

作者: world_7735 | 来源:发表于2018-12-11 14:31 被阅读0次

    方法如下:

    1.取消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);
    

    相关文章

      网友评论

        本文标题:如何用css去掉a标签点击时的背景色

        本文链接:https://www.haomeiwen.com/subject/ieashqtx.html