css - 如何更改引导链接的颜色

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 哈希语法（:key => 'value'如果使用 Ruby 1.8，则转换为）：

只是 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 引导程序：

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

css

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