Rails:Twitter引导按钮访问时获得黑色文本颜色

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

 'btn btn-warning'%>  'btn btn-primary' %> 

按钮呈现正常。 问题是,在您选择其中一个访问链接的按钮后,在返回页面时,文本会粘在灰色版本上,如下面的“ 后退 ”按钮所示:

推特按钮

这会导致问题,特别是在使用’btn-primary’设置的按钮上,因为文本难以阅读。 下面是一个例子:

编辑按钮

想知道什么设置需要改变和在哪里。 我希望它应该在bootstrap_and_overrides.css.less文件中,但不确定要尝试的设置。 @linkColorHover上的测试不起作用。

有什么想法吗 ?

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

我发现这个问题的最佳解决方案是删除app/assets/stylesheets目录中的scaffolds.css.scss ,如上面@tonymarschall在评论中所建议的那样 。

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

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

几种答案的组合,但只需替换:

 color: #666; 

附:

 color: white; 

在scaffolds.css.scss中

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

看图像有点难以辨别。