navbar品牌颜色点击safari和chrome之间的不同

时间:2017-01-12 06:18:39

标签: html css twitter-bootstrap

我刚买了一个新的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;
&#13;
&#13;

哪种行为正确?我喜欢它在Safari上的工作方式。我怎样才能让铬做同样的事情呢?当我检查开发工具时,我看到颜色仅在悬停时显示..

1 个答案:

答案 0 :(得分:1)

你的bootstrap css中添加了一个:focus属性导致了这个问题。尝试覆盖它,如:

a:focus {
  color: #d9230f;
}

您可能需要将!important添加到上述样式中。