CSS去除手机移动端链接标签a点击所带的背景颜色样式

前端开发   发布日期:2023年05月22日   浏览次数:232

一、直接CSS定义A样式

a{
    outline:none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

-webkit-tap-highlight-color是ios和android下点击元素时出现的阴影,-webkit-tap-highlight-color: rgba(0,0,0,0);可以将该阴影透明化,进而解决问题。

二、去除默认select样式

select {
    font-size: 0.26rem;
    color: #353535;
    height: 0.9rem;
    border-radius: 4px;
    width: 90%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff;
    border: 4px solid #353535;
    /*padding-right: 18px;*/
    background: url(../images/3bottomj.png) no-repeat right 10px top 12px;
    /*padding-left: 5px;*/
    display: block;
    float: left;
}


以上就是CSS去除手机移动端链接标签a点击所带的背景颜色样式的详细内容,更多关于CSS去除手机移动端链接标签a点击所带的背景颜色样式的资料请关注九品源码其它相关文章!