html - 使 simple_form 文本字段透明

Question

嘿，我希望 simple_form 的输入文本字段是透明的。这意味着我希望它融入页面的背景。有什么办法吗？什么是用于设置 simple_form 样式的好资源？

这是现在没有 css 的 html

<%= simple_form_for @reason do |f| %>
    <%= f.input :why, label: 'Tell us about it' %>
    <%= f.input :name, label: 'Name (doesn\'t have to be your real name)' %>
    <%= f.input :location %>
    <%= f.button :submit, "Put it out there", class: 'col-xs-offset-3 col-xs-6 btn btn-lg submit' %>
<% end %>

我想做的是让用户在回答表单问题时看起来好像是在直接在页面背景上写文本

Answer 1

尝试将类或 ID 添加到您的输入字段。

例子:

HTML -> <input class="transparent_background" type="text" name="" value="">

CSS -> .transparent_background { background: transparent; }

希望这有助于您入门....除此之外，如果您不更具体和/或向我们提供您目前拥有的代码，则很难提供任何帮助...