高亮度时，物化标签不起作用

Question

我遇到了物化插件的问题，当用户使用鼠标选择标签时，标签就不会出现，用户也无法输入文字。

我想阻止用户选择标签，一旦在文本框内触发鼠标按下事件，标签应该直接向上。

感谢，

更新： 代码的一部分：

Answer 1

在标签上使用class="active"，并使文本框ID与标签ID相同。

示例：

<input type="text" id="job_title" name="job_title">
<label for="job_title"></label>

Answer 2

我认为进口存在问题。首先导入jquery，然后导入materialize.js，因为我先尝试导入materialize.js，然后遇到同样的问题，并在label标记后添加input标记。的 jsFiddle

<强> HTML

<div class="input-field">
     <input id="ct100_Cph_CaptchaLg_UserName" class="loginClass" name="ct100$Cph$CaptchaLg$UserName" type="text" />
    <label for="ct100_Cph_CaptchaLg_UserName">Email</label>
</div>

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="materialize.min.js"></script>

Answer 3

 .input-field label {
        pointer-events: none;
   }

似乎可以完成这项工作，这似乎与Web表单控件有关，因为如果删除runat属性，它将按预期工作。