zoukankan      html  css  js  c++  java
  • 取消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; 
    } 

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

    -webkit-tap-highlight-color:rgba(0,0,0,0);
  • 相关阅读:
    线程 详解
    登录时,添加图片验证码
    String、StringBuffer、StringBuilder详解
    Random 生成随机数
    down
    九九归一
    小R与手机
    coins
    noip注意事项
    小W计树
  • 原文地址:https://www.cnblogs.com/chenyingying0/p/12528044.html
Copyright © 2011-2022 走看看