Question

我有一个这样的submit_tag：

<%= submit_tag "Convoquer les joueurs sélectionnés", class: "btn btn-success margin" %>

我想在提交标记中的文本旁边添加图片;我试过了：

<%= submit_tag image_tag('fleche_droite.svg', class: 'fleche_subscription_index') + "Convoquer les joueurs sélectionnés", class: "btn btn-success margin" %>

但它没有用，有什么想法吗？

Answer 1

你可以在一些括号中包含你想要的内容并在其上调用html_safe：

(image_tag('fleche_droite.svg', class: 'fleche_subscription_index') + "Convoquer les joueurs sélectionnés").html_safe

所以你的标签变成了：

<%= submit_tag (image_tag('fleche_droite.svg', class: 'fleche_subscription_index') + "Convoquer les joueurs sélectionnés").html_safe, class: "btn btn-success margin" %>

Answer 2

尝试image_submit_tag。

image_submit_tag("fleche_droite.svg", class: 'btn btn-success margin', alt: 'Convoquer les joueurs sélectionnés')
# => <input alt="Convoquer les joueurs sélectionnés" class="btn btn-success margin" src="/assets/fleche_droite.svg" type="image" />

或者你可以这样做：

ERB：

<%= submit_tag "Convoquer les joueurs sélectionnés", class: "btn btn-success margin" %>

CSS：

input[type="submit"]
{
  background:url('fleche_droite.svg');
  // more style
}

将图像添加到rails中的submit_tag中

2 个答案: