vue router-link 点击时背景颜色问题

末子
  • 61

图示

如图,在点击瞬间,会有淡蓝色蒙版是怎么回事 ?

这不是 router-link-active 设定问题,通过设置 router-link-active 无效 ,淡蓝色依然存在与点击瞬间

回复
阅读 4.9k
5 个回答
✓ 已被采纳
a{
  outline: none;
  text-decoration: none;

  &:link,&:visited {    
  }

  &:hover,&:active {
    -webkit-tap-highlight-color: transparent;
  }

}
民治
  • 2
新手上路,请多包涵

移动端默认样式问题

遥远的她
  • 1
新手上路,请多包涵

清除<a>元素的默认样式 试试

因为a标签吧,用$router.push

zjiaahui
  • 1
新手上路,请多包涵

router-link默认会转换成 a 标签因此我们重置一下这个标签的样式就行

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;
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏