Question

我想改变＆＃34;探索＆＃34;的颜色。和＆＃39;提交您的项目＆＃34; erb模板中的按钮。目前它们是蓝色的。如果我使用div来做这个或者还有其他任何方式

<div id="header">
     <%= link_to 'Explore', explore_path %>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
     <%= link_to 'Submit Your Project', submit_path %>

      <div class="wrapper clearfix">
        <h1 id="lockitron_header"><a href="/"><%= Settings.product_name %></a></h1>
      </div>
    </div>

Answer 1

只需给你的锚点赋予类或id，然后使用css给它们不同的颜色

<%= link_to 'Explore', explore_path, class: "black" %>
<%= link_to 'Submit Your Project', submit_path, class: "black" %>

在css中

.black {color: #000;}

这是非常基本的CSS和HTML您应该结帐CSS和HTML

Answer 2

将style用于内联css

<%= link_to 'Explore', explore_path, style: "color: red;" %>

或使用class

<%= link_to 'Explore', explore_path, class: "link-color" %>

和样式表

.link-color{
  color: "red";
}

如何更改.erb模板中链接按钮的颜色

2 个答案: