Materialise CSS 导航栏搜索已损坏
Materialize CSS Navbar Search is broken
导航栏搜索在 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
如何解决这个问题以使其看起来统一?
好的,我遇到了同样的问题。但是,我添加了这个 CSS 并且它对我有用。
nav .nav-wrapper form, nav .nav-wrapper form .input-field{
height: 100%;
}
我今天才注意到这个,我就这样做了:
input[type="search"] {
height: 64px !important; /* or height of nav */
}
导航栏搜索在 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
如何解决这个问题以使其看起来统一?
好的,我遇到了同样的问题。但是,我添加了这个 CSS 并且它对我有用。
nav .nav-wrapper form, nav .nav-wrapper form .input-field{
height: 100%;
}
我今天才注意到这个,我就这样做了:
input[type="search"] {
height: 64px !important; /* or height of nav */
}