Materializecss输入类型文本，在移动视图中显示文本框侧边框

Question

我在这里为移动网站制作UI，并使用了materializecss。

当我将此代码放在下面时，我应该得到一个带下划线的文本框。在桌面视图中查看时很好，但是当我在移动设备上查看并开始键入时，它开始显示文本框的侧边框。

                <div class="row">
                    <form class="col s12">
                      <div class="row">
                        <div class="input-field col s12 m12 l12">
                          <i class="material-icons prefix">account_circle</i>
                          <input id="icon_prefix"  type="text" placeholder="email">

                        </div>
                        <div class="input-field col s12 m12 l12">
                          <i class="material-icons prefix">phone</i>
                          <input id="icon_telephone" type="tel" class="validate">
                          <label for="icon_telephone">Telephone</label>
                        </div>
                      </div>
                    </form>
                  </div>