ruby-on-rails - 具有 Bootstrap 按钮类的 rails link_to 和 button_to 行为不同

Question

我在显示文章查看页面上关注了 link_to，

<%= link_to "Add Pictures",
      new_picture_path(article_id: @article.id),
      class: "btn btn-small btn-success" %>

这通过在“btn”类的帮助下将“链接”显示为按钮来完美地工作。唯一的问题是单击后按钮上的文本变为灰色(如已访问的链接已访问)。如何将其保留为原始文本颜色(在本例中为白色)？或者我需要什么样的 css 魔法来保持原始文本的颜色。

或者我可以通过将其更改为 button_to 来修复它，如下所示，

<%= button_to "Add Pictures",
      new_picture_path(article_id: @article.id),
      method: :get, class: "btn btn-small btn-success" %>

但是这个问题是，我的article_id get sets to nil，导致验证错误article_id is not set。
我该怎么办？使用 css 修复 link_to(如何？)或修复 button_to 问题(如何？)。任何帮助表示赞赏。

Answer 1

如果您的 css 代码包含:

a:visited {
  color: #666666;
}

这可能会导致 link_to 之间的渲染不同和 button_to因为link_to将被解析为 <a href=""></a>和 button_to将被解析为 <form>..</form> .

注意:如果你使用

<%= button_to 'Users', users_path(app_id: application.id), method: :get, class: 'btn btn-info btn-xs' %>

Rails 将编译为:

<form class="button_to" method="get" action="/users?app_id=1">
   <input class="btn btn-info btn-xs" type="submit" value="Users">
</form>

但是 app_id=1不会传递给 params单击按钮后在 Rails 中。

解决方案是:

1. 使用 link_to具有类属性:style: "color:white"就像@Rahul 说的那样。

2. 删除 css 代码:a:visited