首页 > 解决方案 > Vue JS:如何在路由器链接中设置活动标签的样式?

问题描述

标签: cssvue.jsvue-router

解决方案


找到罪魁祸首

当您看到应用了意外的样式时,没有给定用户/作者样式,可能的罪魁祸首是用户代理样式表。您可以在DevTools 计算样式窗格中为检查的a元素确认这一点。找到color属性(第一项),展开该项以显示适用的样式,从最高优先级到最低优先级列出。最高优先级的样式是当前应用的样式。

继承颜色

如果您希望a元素从其父元素(.router-link-exact-active在本例中)继承其颜色,请应用inherit

a {
  color: inherit;
}

演示


推荐阅读