Materialise CSS 导航栏搜索已损坏

Question

导航栏搜索在 chrome 50+ 使用以下任一版本时中断：

实现 0.97.6 实现 0.97.5

使用的代码如文档中所述：

  <nav>
    <div class="nav-wrapper">
      <form>
        <div class="input-field">
          <input id="search" type="search" required>
          <label for="search"><i class="material-icons">search</i></label>
          <i class="material-icons">close</i>
        </div>
      </form>
    </div>
  </nav>

此代码会导致文档页面和我的网站上描述的视觉问题：

http://materializecss.com/navbar.html

如何解决这个问题以使其看起来统一？

Answer 1

好的，我遇到了同样的问题。但是，我添加了这个 CSS 并且它对我有用。

nav .nav-wrapper form, nav .nav-wrapper form .input-field{
height: 100%;
}

Answer 2

我今天才注意到这个，我就这样做了：

input[type="search"] {
  height: 64px !important; /* or height of nav */
}