有没有办法自定义 form_for 按钮？

Posted 2023-02-26

【中文标题】有没有办法自定义 form_for 按钮？

【英文标题】：Is there a way to customize form_for buttons?

【发布时间】：2014-03-28 11:06:22

【问题描述】：

我目前正在使用 rails form_for 构建表单，但我想知道是否有一种方法可以使用自定义图标作为表单的按钮，而不是像下图这样的按钮。

...

这就是我所做的，但它不起作用。

_form.html.erb

 <%= f.file_field :avatar, class: "test" %>  # 

.css

     .test 
    background: url('/images/icon.png') no-repeat left top;

【问题讨论】：

更新按钮，你可以通过这个 css- input[type="submit"] background: url("icon.png");并且对于浏览我不确定，因为这整个是一个按钮，包括没有选择文件

看这个：***.com/questions/1099702/…

不，没有上面提到的那么复杂，很简单api.rubyonrails.org/classes/ActionView/Helpers/…请分享相应的HTML，请仔细检查您的css文件/图像路径

谷歌搜索“漂亮的文件上传按钮”

你不能在 Rails 中这样做，因为每个浏览器都实现了 <input type="file"...> 本身，包括“浏览”按钮的外观。你必须改用 CSS 来做——我用这篇文章来做一个解决方案：coderwall.com/p/4etjja

【参考方案1】：

我认为您在 ruby​​ 中定义类的格式不正确。试试这个链接：

https://***.com/a/5316059/3507417

或：

<%= f.file_field :avatar, :class => 'submit_class_name_here' %>