3

我在显示文章视图页面上关注了 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 设置为 nil,这导致 article_id 未设置的验证错误失败。
我该怎么办?使用 css 修复 link_to(如何?)或修复 button_to 问题(如何?)。任何帮助表示赞赏。

4

1 回答 1

3

如果您的 css 代码包含:

a:visited {
  color: #666666;
}

这可能会导致 和 之间出现不同的渲染link_tobutton_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不会将其传递给rails。params

解决方案是:

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

  2. 删除css代码:a:visited

于 2016-09-14T01:34:21.063 回答