我刚买了一个新的macbook,所以我再次使用safari。我刚刚注意到,当我点击Safari中的导航栏品牌时,悬停颜色只会在我徘徊在导航栏品牌上时保持不变。另一方面,Chrome在点击之后保持悬停颜色,直到我点击其他地方。
以下是一个示例 - 在Safari和Chrome中尝试:点击导航栏品牌,然后将鼠标移出它。在Safari中,悬停颜色会消失。在Chrome中,悬停颜色会保留,只有在您点击其他位置后它才会消失。
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/simplex/bootstrap.min.css" rel="stylesheet"/>
<nav class="navbar">
<a class="navbar-brand" href="#">
Brand
</a>
</nav>
&#13;
哪种行为正确?我喜欢它在Safari上的工作方式。我怎样才能让铬做同样的事情呢?当我检查开发工具时,我看到颜色仅在悬停时显示..
答案 0 :(得分:1)
你的bootstrap css中添加了一个:focus
属性导致了这个问题。尝试覆盖它,如:
a:focus {
color: #d9230f;
}
您可能需要将!important
添加到上述样式中。