Question

<%= button_to '+',{:controller=>"line_items",:action=>"create", :menu_id => line_item.menu_id},class: "imagePlus",:remote => true %>

.imagePlus {background-image: url('..public/images/minus.jpg');}

我想为这个按钮设置一个background_image。我使用了具有background_image的类，但是没有得到预期的结果。

Answer 1

尝试这种方式： -

.imagePlus{background-image: url("/public/images/minus.jpg");}

Answer 2

由于您调用背景图片，问题很可能是。

更具体地说，我相信您可以使用asset_url helpers中的CSS prepropcessors (SCSS / SASS)来使用JSFiddle：

#app/assets/stylesheets/application.css.scss
.imagePlus  {
   background: {
       image: asset-url('minus.jpg');
   }
}

当然，如果您的button_to语法正确

按钮样式

根据这个link_to，您应该可以使用代码在按钮上看到背景图像（这意味着如果您正确设置了CSS，它应该可以工作）。

您最好使用Mandeep的评论，并创建样式化的{{3}}元素。无论哪种方式，这都是我为两种输入做的事情：

#Button
<%= button_to "+", line_items_path(line_item.menu_id), class: "imagePlus", remote: true %>

#Link
<%= link_to "+", line_items_path(line_item.menu_id), class: "imagePlus", method: :post, remote: true %>

如何在button_to上设置图像

2 个答案: