css - vue-router:如何禁用 router-link 的 css 的大纲属性作为
问题描述
我想禁用链接元素中的 CSS 轮廓。我可以禁用 css 类的大纲,但不能禁用<router-link>
. 如何禁用大纲?
.page-link, .page-link:visited, .page-link:hover, .page-link:active, .page-link:focus {
outline: 0 none !important;
border: 0;
}
<div>
<!-- worked -->
<a class="page-link">normal link</a>
</div>
<div>
<!-- not worked -->
<router-link to="" class="page-link">router-link</router-link>
</div>
浏览器:
Chrome
解决方案
尝试这个:
.page-link, .page-link:visited, .page-link:hover, .page-link:active, .page-link:focus {
outline: 0 none !important;
border: 0;
}
<div>
<router-link to="">
<a class="page-link">normal link</a>
</router-link>
</div>
推荐阅读
- haskell - Attoparsec:匹配任何具有公共前缀的字符串
- pandas - 如何将逗号分隔的行转换为列并保存到文件
- spring-boot - Spring Boot v2.5.2 - CORS 策略 - “请求的资源上不存在‘Access-Control-Allow-Origin’标头”
- python - 我的猜谜游戏无法打印对话
- javascript - 如何绕过 Azure az login 命令的网页暂停?
- c# - Azure 服务总线:客户端/代理获取的消息大小与我传递的批处理大小不同
- laravel - 在 Cpanel Laravel 中更改 .htaccess 后未找到请求路由
- grafana - 有什么方法可以在 Datadog 中可视化非负导数?
- python - 如何在 discord.py 中获取 dm
- shell - Shell 脚本段错误