Question

如何更改导航栏上的link_to颜色，使其看起来像这样;

<a class='brand' href='#'>PROJECT_NAME</a>

到目前为止我已经

了

.brand
   = link_to "PROJECT_NAME", root_path

但它还是蓝色的:(

Answer 1

这对我有用（part of the code is from the rails tutorial by Michael Hartl）：

<%= link_to "delete user", user, method: :delete,
      data: {confirm: "Are you sure you want to delete this user?" }, class: 'delete' %>

然后在我的custom.css.scss文件中，我有：

li {
    overflow: auto;
    padding: 10px 0;
    border-bottom: 1px solid $gray-lighter;
    a:link {
      &.delete {
        color: red;
      }
    }
  }

Answer 2

如果您只想将一个类添加到link_to元素，则需要在逗号后添加它。

= link_to "PROJECT_NAME", root_path, class: 'brand'

但是我的使用Bootstrap的经验，我想，它不会改变你的颜色。因此，您需要将!important添加到CSS文件中的.brand类以覆盖默认的Bootstrap颜色。或者您可以像这样硬编码（以避免!important条件）：

.navbar .nav > li > a {
  &.brand {
    color: #color;
  }
}

如何在导航栏上更改bootstrap link_to颜色

2 个答案: