将鼠标悬停在输入标签上不起作用

Question

http://jsfiddle.net/leongaban/6vwLetd6/13/

我有一个自定义注册表单,其中包含来自Codrops演示页面的样式.

基本上在悬停时我想要为标签文本设置动画(让它淡入和淡出)但是现在只是想让文本将颜色变为红色:

.input__label-content--jiro:hover {
  color: red !important;
}

<span id="full_name_label" class="input input_jiro">
  <input class="input__field input__field--jiro" type="text" id="input-1" />
  <label class="input__label input__label--jiro" for="input-1">
    <span class="input__label-content input__label-content--jiro">
      Full Name
    </span>
  </label>
</span>

但是,当您将鼠标悬停在"全名"上时,颜色不会改变.你能看出阻碍hover效果的是什么吗？

Answer 1

我删除了pointer-events: none声明并且它有效.

看看JSFiddle.

所以我认为你只需要根据autovalue => Docs覆盖这个

这是你想要的吗？？