移动端页面a button input去除点击效果

Posted 梦见一只电子羊

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端页面a button input去除点击效果相关的知识,希望对你有一定的参考价值。

1 手机端页面a button input去除点击效果 添加:

a,
button,
input {
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

 2 使用border创建小三角形

span {
        height: 0px;
        width: 0px;
        border-top: 5px solid #006633;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
    }

 3 去除点击效果

border:none;

background:none;

box-shadow:none;

 

以上是关于移动端页面a button input去除点击效果的主要内容,如果未能解决你的问题,请参考以下文章

可以不可以直接用css去除input style=“botton”点击凹陷的效果呢

去掉移动端页面 input, textarea, button, a 标签获取焦点时显示的黑影

H5移动端页面加入canvas可滑动代码条件下android手机点击input重复弹出键盘

移动端开发,ios机型点击input,页面放大解决方案

请问怎么去除微信网站的a,button,input,点击出现的蓝色边框(焦点线)?

移动端弹出软键盘导致input光标和点击事件错位问题