扶手:参观时,Twitter的引导按钮得到黑色文本颜色(Rails: Twitter Bootstr

2019-07-29 15:57发布

我已经通过了创业板“Twitter的引导护栏 ”使用Twitter的引导一个rails 3.2应用程序。 此外,该形式与SimpleForm宝石创造了许多的网页,我通过使用窗体上的按钮叽叽喳喳

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

按钮呈现确定。 问题是,你选择的按钮,其访问链接,就返回到文字贴在灰色的版本,如下图所示的“ 返回 ”按钮的页面之一后:

这引起一个问题,特别是在与“BTN-初级”作为文本是难以阅读样式的按钮。 这样的一个例子是如下所示:

想知道什么设置需要改变和位置。 我预计应该是在bootstrap_and_overrides.css.less文件,但并不一定要尝试什么样的设置。 在@linkColorHover测试没有工作。

有什么想法吗 ?

Answer 1:

你总是可以在样式a.btn项目,以消除伪类,如装饰:visited



Answer 2:

我发现这个问题最好的解决方法是删除scaffolds.css.scssapp/assets/stylesheets由建议的目录@tonymarschall上面的意见。



Answer 3:

作为替代,您可以使用button_to代替link_to在你的模板。

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



Answer 4:

几个答案的组合的一种,但只需更换:

color: #666;

附:

color: white;

在scaffolds.css.scss



Answer 5:

你应该使用Firebug或Chrome的开发工具,以找出哪些CSS属性,你就必须在bootstrap_and_overrides.css.less覆盖。

这是有点难以通过看图片来告诉。



文章来源: Rails: Twitter Bootstrap Buttons when visited get black text color