首页 > 解决方案 > 我无法使用物化 css 在输入字段中输入任何文本

问题描述

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

已包含 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>

标签: htmlcssmaterialize

解决方案


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

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

推荐阅读