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 - ＆gt; <input class="transparent_background" type="text" name="" value="">

CSS - ＆gt; .transparent_background { background: transparent; }

希望这有助于您入门....除此之外，如果您没有更具体的内容并且/或者向我们提供您目前拥有代码明智的内容，则很难提供任何帮助...

Answer 2

我在CSS中创建了一个混合输入文本字段的示例，没有类或ID。当然，由于我不确定你的代码如何，这可能不适合你：

HTML示例：

<body>
    <span>Input field: </span>
    <input type="text" name="example" value=""/>
</body>

CSS示例：

body {
color: white;
background-color: black;
}

input:nth-child(2) {
padding: 5px;
color: white;
background: transparent;
border: 2px solid yellow;
border-radius: 5px;
font-family: sans-serif; 
}

请注意，表单样式没有“好资源”。 CSS总是不同的，可以从一个人改变到另一个人。我希望这会对你有所帮助。

使simple_form文本字段透明

2 个答案: