ruby-on-rails - Rails：访问时Twitter Bootstrap Buttons获得黑色文本颜色

Question

我有一个通过 gem ' twitter-bootstrap-rails ' 使用 Twitter Bootstrap 的 rails 3.2 应用程序。此外，表单是使用SimpleForm gem 创建的。对于一些页面，我使用表单上的 twitter 按钮通过

<%= link_to "Back", :back, :class => 'btn btn-warning'%>
<%= form.button :submit, :class => 'btn btn-primary' %>

按钮呈现正常。问题是，在您选择访问链接的按钮之一后，在返回页面时，文本卡在灰色版本上，如下所示的“返回”按钮：

推特按钮

这会导致问题，尤其是在带有“btn-primary”样式的按钮上，因为文本难以阅读。下面是一个例子：

编辑按钮

想知道什么设置需要更改以及在哪里更改。我预计它应该在bootstrap_and_overrides.css.less文件中，但不确定要尝试什么设置。@linkColorHover上的测试不起作用。

有什么想法吗？

score 10 · Accepted Answer

我为这个问题找到的最佳解决方案是按照上面评论中@tonymarschallscaffolds.css.scss的建议在app/assets/stylesheets目录中删除。

score 5 · Accepted Answer

5

您始终可以为项目设置样式a.btn，以删除伪类上的装饰，例如:visited

于 2012-05-31T08:25:28.427 回答

score 3 · Accepted Answer

作为替代方案，您可以使用button_to而不是link_to在模板中。

因为这会创建一个新表单，所以如果要模拟链接行为，则需要使用:method => :get参数。你可以在这里找到更多信息。

score 2 · Accepted Answer

几种答案的组合，但只需替换：

color: #666;

和：

color: white;

在脚手架.css.scss

score 0 · Accepted Answer

您应该使用 Firebug 或 Chrome 的开发人员工具来找出您必须在 bootstrap_and_overrides.css.less 中覆盖的 CSS 属性。

看图片有点难判断。

5 回答 5