ruby-on-rails - file_field 浏览按钮自定义

Question

如何在 ruby​​ on rails 中自定义文件字段“浏览”按钮。 cutomise 从某种意义上说，我想更改按钮的颜色和样式。这在 ROR 中可能吗？如果是这样，任何人都可以帮助我....

Answer 1

所有 Rails 的 file_field helper 的作用是让创建文件输入变得更容易，而不必直接编写 HTML(即 <input type="file" ...>)。不幸的是，文件输入的样式不太好，而且按钮特别倾向于坚持浏览器定义它应该看起来的方式。

但是，有一些技术/技巧可以通过使用 CSS 和 Javascript 来欺骗浏览器使浏览按钮看起来像您想要的样子。你可以在quirksmode上看一篇关于它的文章。 .然而，因为这使用了 CSS opacity属性，输入在不支持它的浏览器中看起来不正确。此外，如本文所述，这种方法还存在一些其他问题。