將鼠標懸停在輸入標簽上不起作用

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覆蓋此文件即可

這是你想要的嗎？？