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

Gra*_*yer 9 ruby-on-rails ruby-on-rails-3 simple-form twitter-bootstrap

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

<%= link_to "Back", :back, :class => 'btn btn-warning'%>
<%= form.button :submit, :class => 'btn btn-primary' %>
Run Code Online (Sandbox Code Playgroud)

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

推特按钮

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

编辑按钮

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

有什么想法吗 ?

Ale*_*hel 10

我发现这个问题的最佳解决方案是在评论中删除上面@tonymarschall建议scaffolds.css.scssapp/assets/stylesheets目录.


kso*_*sol 5

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

  • 这是解决方案是按照建议覆盖和删除伪类.所以在app/assets/stylesheets/bootstrap_and_overrides.css.less文件中我简单地添加了: (2认同)
  • @GrantSayer加了什么? (2认同)
  • FWIW,我遇到了这个问题,只需要删除Rails的脚手架生成器添加的`scaffolds.css.scss`.http://stackoverflow.com/questions/10507777/twitter-bootstrap-displays-button-with-greyed-text (2认同)