如何在Rails代码上更改我的链接颜色?

时间:2018-04-27 17:58:47

标签: css ruby-on-rails colors hyperlink

我正在尝试将以下Rails链接更改为原色(当前为白色):

<%= link_to 'Edit' %>

2 个答案:

答案 0 :(得分:5)

提供路径后,您可以在链接中添加class

<%= link_to 'Edit', edit_path, class: "a-primary" %>

并为该课程添加样式。

.a-primary{
  /* styles for link */
}

答案 1 :(得分:1)

如果您的应用程序具有共同的样式,则无需定义CSS类。只需编写.babelrc标签的CSS:

{
  "presets": ["env", "react"]
}

Ruby代码

<a>

Rails将link_to脚本呈现为HTML中的普通超链接。

a:link, a:visited {
background-color: #f44336;
color: white;
padding: 14px 25px;
text-align: center; 
text-decoration: none;
display: inline-block;
}

a:hover, a:active {
  background-color: red;
}

然后浏览器会将样式应用于应用程序中的所有超链接。