3

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

我相信问题直到我运行了一个脚手架生成器之后才开始，除了我没有要删除的 Scaffold.css 建议是修复Twitter 引导显示按钮的灰色文本

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

这是我的按钮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;
}
4

1 回答 1

4

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

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

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

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

.session_button:visited { color:#FFF; }

还可以查看CSS 选择器访问链接。

于 2012-09-14T19:40:15.947 回答