Materializecss自动完成功能与Firefox自动完成功能重叠

Question

我不明白为什么firefox自动完成功能与我的materializecss自动完成功能字段重叠。

你好，我不明白为什么firefox自动完成功能与我的materializecss自动完成功能字段重叠。

            <form action="{{ path('search_result') }}" method="get" class="searchForm">
                <div class="col s11 m6 offset-m3 input-field">
                    <label for="search_bar" class="active">Où boirons nous ?</label>
                    <input type="text" class="autocomplete white-text" id="search_bar" placeholder="" name="bar_name"
                       autofocus/>
                </div>
                <div class="col s1">
                    <input type="image" src="{{ asset('build/images/Loupe.svg') }}" class="searchBtn" border="0"
                       alt="Rechercher"/>
                </div>
            </form>

Answer 1

在输入定义中使用 autocomplete="off" 标记。所以你的代码看起来像

<input type="text" autocomplete="off" class="autocomplete white-text"
  id="search_bar" placeholder="" name="bar_name" autofocus/>