ruby-on-rails - Twitter bootstrap 显示带有灰色文本的按钮

Question

我在我的 Ruby on Rails 应用程序上使用 Twitter Bootstrap 作为框架。

我使用link_to以下 CSS 类生成样式为按钮的链接：“btn btn-primary btn-mini”。

例如：

<%= link_to 'New Event', url_for(:action => 'new', :controller => 'events') , :class => "btn btn-primary btn-mini" %>

生成以下html

<a href="/events/new" class="btn btn-primary btn-mini">New Event</a>

按钮显示正确，但按钮文本显示为灰色而不是白色。在功能上它工作正常，它没有被禁用左右。当鼠标悬停在按钮上时，文本也会变成白色。

我测试了几个案例。我得出的结论是，每当生成的（或硬编码的）链接以正斜杠（/）开头时，按钮文本都是灰色的。每当它以相对资源开始时

我正在运行 Rails 3.2.2，并使用最新的 twitter-bootstrap-gem。

我该如何解决？

score 32 · Accepted Answer

您是否运行了脚手架生成器？Scaffold.css 会导致这种情况。如果你删除它，你会很高兴。

您还可以使用 --skip-stylesheets 运行生成器以防止创建它们

score 1 · Accepted Answer

不要完全删除您的scaffold.css 文件夹，只需删除内容并将文件夹留在那里。如果您在其他时间再次生成脚手架，特别是如果您处于开发阶段的开始，该文件夹可能会重新出现，您将遇到同样的问题。所以如果你只是删除内容，它是一样的事情，系统以后不会再添加另一个文件夹。

score 1 · Accepted Answer

如果您已经有一个应用程序正在运行并且您决定安装 bootstrap 并且不再有 Scaffold.css，您可以将其添加到您的 bootstrap.css 中定义按钮属性的部分（我的：第 2726 行）：

.btn:visited { 
color: #FFF
}

score 0 · Accepted Answer

只需添加:style到您的按钮。

<%= link_to 'New Event', url_for(:action => 'new', :controller => 'events') , :class => "btn btn-primary btn-mini", :style=>'color:#FFFFFF;' %>

4 回答 4