Link 单击后颜色保持蓝色，直到单击视口上的其他地方

Question

在我的 CSS 中，我尝试使用 :link、:visited、:hover 和 [=15 将导航栏 a 元素的字体颜色设置为黑色=] 选择器，但没有任何改变。我认为我的标题已经足够清楚地说明了我的问题，但是这里有一个 link 到我的网站，这是我试图修复它的地方：http://students.washington.edu/jgb93/info343/portfolio/#/

基本上，如果您尝试单击导航栏中的 link 之一，它会发生变化，它会暂时变为蓝色。如果单击视口上的其他任何地方，蓝色将变回我想要的黑色。关于造成这种情况的原因有什么建议吗？

这就是我在 HTML 中为导航栏所做的全部工作，其余的在 CSS 中完成：

            <div id="navbar" class="navbar navbar-default navbar-fixed-top">
            <nav>
                <ul id="navlist">
                    <li class="navitem"><a class="link" ui-sref="home">Home</a></li>
                    <li class="navitem"><a class="link" ui-sref="about">About</a></li>
                    <li class="navitem"><a class="link" ui-sref="contact">Contact</a></li>
                </ul>
            </nav>
        </div>

Answer 1

蓝色边框由 a:focus 产生，它在 bootstrap.css 中第 1104 行附近定义：

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

覆盖 css 中导航的 a:focus 属性应该可以解决您的问题。

color: whatever you want;
outline: none;

Answer 2

存在 CSS 冲突。要调试 CSS，您可以尝试使用浏览器 built-in 开发人员工具，方法是按 F12 或在 Mozilla Firefox 中使用 firebug。

所以，解决问题：

.navitem a:focus{color:#000;}

Link 单击后颜色保持蓝色，直到单击视口上的其他地方

Link color stays blue after clicking until somewhere else on viewport is clicked

html

css

navbar

twitter-bootstrap