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

纵然是瞬间 提交于 2019-12-13 10:01:04

问题


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



来源:https://stackoverflow.com/questions/25550699/how-to-change-the-color-of-link-button-in-erb-template

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!