html - 我无法使用 materialize css 在输入字段中输入任何文本

Question

我使用了 materialize 本身的一些基本代码，但似乎无法在输入字段中输入任何文本。

已包含 js 和 materialize css 的 CDN 链接

<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"/>

<div class="input-field col s6">
   <input id="eventName" type="text">
   <label for="eventName">Name of event</label>
</div>

Answer 1

它对我有用。我想你元素中的一些其他隐藏元素重叠在它上面。你能聚焦输入字段吗？如果没有，请尝试将以下代码添加到您的 CSS。

.input-field{
  z-index: 9999!important;
}