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

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 。

所以我认为您只需要根据auto value => Docs覆盖此文件即可

这是你想要的吗？？