脚手架生成器后带有灰色文本的 Twitter 引导按钮

Question

我有一个非常相似的问题 Twitter bootstrap displays button with greyed text 我有一个 Twitter Bootstrap 按钮 btn-info 和一个下拉菜单，当我点击一个下拉项目后，该按钮的文本现在是灰色的，只有当我将鼠标悬停在它上面时才会显示为白色。即使我停止 Rails 服务器并重新启动，它也永远不会恢复正常。如果我使用不同的浏览器（比如我从 Firefox 切换到 Chrome），按钮的文本是白色的，但当我点击下拉项目时，问题就会再次出现。

我相信问题直到我运行了一个脚手架生成器之后才开始出现，除非我没有要删除的 Scaffold.css，因为建议修复Twitter bootstrap displays button with greyed text

任何想法如何阻止按钮文本的神秘永久灰色？

这是我的按钮 html

<span class="span3 btn-group">
    <a id="j_button" class="btn btn-info session_button dropdown-toggle" data-toggle="dropdown" href="#">
        Send to J location
        <span class="caret"></span>
    </a>
    <ul class="dropdown-menu">
        <li><a id='j_dropdown1' href="#">New issue</a></li>
        <li><a id='j_dropdown2' href="#">Add to existing</a></li>
    </ul>
</span>

我添加的唯一 css 是

.session_button {
  font-size: 12px;
  font-weight: bold;
  padding-left: 8px;
  padding-right: 5px;
  padding-bottom: 0;
  padding-top: 0;
}

Answer 1

这是因为您实际上使用的是链接。

它看起来只是一个按钮，因为添加了 btn 和 btn-info 类，它添加了 twitter 引导样式。当您点击一个链接时，浏览器通常会记住您已经访问过该链接，并在您下次看到它时显示访问过的状态。

您可能还希望将 CSS 样式添加到链接的已访问状态以将其从灰色状态更改。

假设您希望它保持白色，您可以通过添加以下内容来实现：

.session_button:visited { color:#FFF; }

还可以查看CSS selector for visited links。