html - 将高度添加到 Rails 搜索字段标签

Question

我在设计 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;
}

Answer 1

您可以改用 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 选择器实际上没有高度。