將鼠標懸停在輸入標籤不工作

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

將鼠標懸停在輸入標籤不工作

回答

相關問題