How to change the color of link button in .erb tem

问题:

I want to change the color of the "Explore" and 'Submit Your project" button in the erb template .Currently they are blue coloured .If Shoud i use a div to do this or is there any other way too

<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>

回答1:

Use style for inline css

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

or use class

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

and in stylesheet

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

回答2:

Just give class or id to your anchors and then use css to give them different colour

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

And in css

.black {color: #000;}

This is very basic CSS and HTML You should checkout CSS and HTML