自动返回到链接

Question

我修改了a:hover和a:focus特定类别下的链接，从而修改了链接的默认外观：

.myclass > a:hover, a:focus {
    color: limegreen;
}

一切看起来都像我想要的那样，除了一个小小的行为：当我在新标签中打开一个链接时，返回到页面后，我看到我点击的链接仍然显示悬停和焦点样式，即使光标不在链接上。我必须在窗口的其他地方（甚至在浏览器窗口之外）单击以使其消失。

如果没有将光标放在链接上，如何使链接文本/图标自动返回到未受影响的未聚焦状态？

我希望无需借助JavaScript即可完成此操作。

P.S。我正在使用Bootstrap v.3.3.4。

P.P.S。已经尝试使用a:active，但这没有帮助。

Answer 1

使用a:active代替:focus

＆＃13;

＆＃13;

a:hover, a:active {
    color: limegreen;
}

＆＃13;

<a href="#">try me</a>

＆＃13;

＆＃13;

＆＃13;

Answer 2

您还需要使用 import { NavigationActions, StackActions } from 'react-navigation'; const resetAction = StackActions.reset({ index: 0, actions: [NavigationActions.navigate({ routeName: 'MainActivity' })], }); this.props.navigation.dispatch(resetAction); 选择器：

:active