Question

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

我有一个自定义注册表单，其中包含Codrops demo page的样式。

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

然而，当你将鼠标悬停在＆＃34;全名＆＃34;颜色没有变化。你能看到阻碍hover影响的内容吗？

Answer 1

我已删除pointer-events: none声明并且有效。

看看JSFiddle。

所以我认为你只需要根据auto value =＆gt;覆盖这个。 Docs

这是你想要的吗？

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

1 个答案: