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

我在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>

“搜索设计”，：id=>“导航搜索框”%>


“圆形按钮”，id=>“导航搜索”%>

---

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

这在官方文件中的其他要素下进行了解释

可以在Nav中使用一个小的基础按钮，只包含它的父Li作为一个类的形式。