移动端去掉点击时边框
移动端去掉点击时边框
闫亚亚 发表于1年前
移动端去掉点击时边框
  • 发表于 1年前
  • 阅读 116
  • 收藏 0
  • 点赞 0
  • 评论 0

【腾讯云】新注册用户域名抢购1元起>>>   

android用户点击一个链接,会出现一个边框或者半透明灰色遮罩, 不同生产商定义出来额效果不一样,可设置-webkit-tap-highlight-color的alpha值为0去除部分机器自带的效果

webkit是苹果浏览器引擎,tap点击,highlight背景高亮,color颜色,颜色用数值调节。
a,button,input,textarea{

-webkit-tap-highlight-color: rgba(0,0,0,0)
-webkit-user-modify:read-write-plaintext-only;

}


input,a,button:focus{
    outline: none;
    -moz-outline:none;
    -moz-outline-style:none
}

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

  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 1
博文 64
码字总数 21891
×
闫亚亚
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: