将鼠标悬停在输入标签不工作

http://jsfiddle.net/leongaban/6vwLetd6/13/将鼠标悬停在输入标签不工作

我有一个自定义的注册形式从Codrops demo page风格。

基本上悬停我想动画标签文本（有它淡入淡出），但现在只是试图让文本改变颜色为红色：

.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效应？

来源

2015-01-14 Leon Gaban

它改变了我。 –

编辑对我来说工作得很好......但JSFiddle没有。 –

对我来说[minlength] – MrWasdennnoch

我删除了pointer-events: none声明，它的工作原理。

看看JSFiddle。

因此，我认为你只需要重写这个根据auto值=>Docs

这就是你想要？

来源

2015-01-14 20:05:51

@notulysses感谢您纠正 –

不客气。 – potashin

将鼠标悬停在输入标签不工作

回答

相关问题