如何更改Bootstrap链接的颜色

Question

我正在使用twitter bootstrap，我有一些像这样的代码：

<%= link_to "Create", new_something_path %>

以浅蓝色呈现文本，将其突出显示为链接。

如何通过css引用该元素进行更改？

Answer 1

为链接指定一个类名

<%= link_to 'Create', new_something_path , :class => "newsomething"%>

将以下内容添加到CSS.SCSS文件

 a.newsomething{
      color: #000;
      &:hover {
         color: #000;
       }
     }

Answer 2

您可以通过在link_to哈希中设置CSS类或ID来html_options，这是link_to帮助器的最后一个参数。

例如，使用Ruby 1.9哈希语法（如果使用Ruby 1.8，则转换为:key => 'value'）：

只是CSS选择器.new-something-class：

<%= link_to "Create", new_something_path, class: 'new-something-class' %>

或与CSS选择器#new-something-id和.new-something-class的链接：

<%= link_to "Create", new_something_path, class: 'new-something-class', id: 'new-something-id' %>

然后，您可以像往常一样在.css文件中引用此元素。

Answer 3

如果你安装了twitter bootstrap：

<%= link_to 'Create', new_something_path , :class => "btn btn-primary some-class"%>

CSS

.some-class{
   color: black;
   ....    
}