我在设计 rails search_field_tag 的高度时遇到问题,我似乎没有做任何改变输入框实际高度的事情,我知道这是可以做到的,但我遇到了麻烦,在此先感谢!
再培训局:
<%= form_tag spree.products_path, method: :get, id: 'top-search-form', do %>
<%= search_field_tag :keywords, params[:keywords], id:'search_field', size: 15, maxlength: 128, placeholder: "Search" %>
<%= submit_tag t(:search), class: 'search_b', name: nil, value: '' %>
<% end %>
CSS
.search_field {
background: url(<%= asset_path 'store/bg_search.png' %>) no-repeat;
float: left;
padding: 4px;
margin: 7px 0 0 15px;
}
input#search_field {
border: 0 none;
width: 147px;
font-style: normal;
background-color:transparent;
margin-top:-4px;
color: #454545;
float: left;
}
input.search_b,
input.search_b:hover {
vertical-align: top;
display: block;
float: left;
border: 0;
}
最佳答案
您可以改用 text_field 标签。看截图
<%=text_field_tag :age, value = nil, options = {style:"height:100px;border-radius:25px;", placeholder:"search"}%>
search_field_tag 与 text_field 标签具有相同的参数
作为http://apidock.com/rails/ActionView/Helpers/FormTagHelper/text_field_tag说选项可以接受其他参数“任何其他键都会为标签创建标准的 HTML 属性。”
更新 黛尔是对的。您的 input#search_field 选择器实际上没有高度。
关于html - 将高度添加到 Rails 搜索字段标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22184940/