Navigation

    西南IT社区
    • Register
    • Login
    • Search
    • 主页
    • 问答
    • 话题
    • 热门
    • 圈子
    • 工作机会
    • 活动
    • 项目

    如何去掉移动端网页点击按钮和a标签上的阴影

    技术答疑
    2
    2
    74
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • 蒙面大侠
      蒙面大侠 last edited by

      下图是我在手机上做的一个测试,点击以后默认系统会给按钮加上了一个阴影样式,a标签上也会有这个阴影,影响视觉美观,请问一下如何去除

      9d1321a8-b890-475b-8169-470cc0b7c5c5-image.png

      1 Reply Last reply Reply Quote 0
      • 水灵
        水灵 last edited by

        可以在全局加入如下样式

        * {
            -webkit-tap-highlight-color: transparent;
        }
        

        另外你可能会遇到按钮聚焦后会有黄边的问题,这个可以添加下面的代码解决

        *:focus {
           outline: none;
        }
        
        1 Reply Last reply Reply Quote 0
        • First post
          Last post
        使用HTML构建办公软件 使用HTML构建办公软件 使用HTML构建办公软件
        1
        光
        A
        庆
        小
        U
        Y
        L
        I
        Z
        I
        Y
        C
        Z
        E
        Y
        U
        I
        A
        Z
        Y
        Y
        罗
        R

        西南地区IT社群(QQ)
        云南
        【昆明网页设计交流吧】243627302
        【昆明nodejs交流吧】 243626749
        【VUE】838405306
        【云南程序员总群】343606807
        【昆明UI设计】104031254
        【云南软件外包】15547313
        贵州
        【PHP/java源码/站长交流群】55692114
        四川
        【成都Java/JavaWeb交流】86669225
        【vaScript+PHP+MySql】116270060
        【UI设计/设计交流学习群】135794928
        重庆
        【诺基亚 JAVA游戏博物馆】 559479780
        【PHP,Java,Python,C++接单】 442103442
        西藏
        社群
        昆明网页设计交流吧
        友情链接
        • Funtask
        • Funtask 社区
        • SUWIS
        ©2019-2021 滇ICP备20006698号