ruby-on-rails - 使用 zurb 的导航栏中的搜索字段和框具有黑色背景

Question

我的 ruby​​ on rails 应用程序遇到了一个奇怪的错误，我想在导航栏中显示搜索字段和按钮，但视图看起来像这张图片

问题是它的背景只有搜索框和按钮是黑色的。

以下代码如下：

<section class="top-bar-section">

  <ul class="left">

    <%= form_tag('/search') do %>

      <li>

        <%= text_field_tag :query, nil ,:placeholder => "Search for designs", :id=>"nav_search_box" %>

      </li>

      <li>

        <%= submit_tag 'Search', :class=>"round button", :id=>"nav_search_btn" %>

      </li>

    <% end %>

  </ul>

</section>

任何有关修复此错误的见解将不胜感激！

Answer 1

这在官方文档中的其他元素下进行了解释。

http://foundation.zurb.com/docs/components/top-bar.html

“可以在导航中使用一个小的 Foundation 按钮，只需包含 has-form 作为其父 li 的类。”