Наведите указатель на входной этикетке не работает

Question

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?

Answer 1

Я удалил объявление pointer-events: none и он работает.

Посмотрите на JSFiddle.

Так что я думаю, что Вам нужно только переписать этот согласно auto значению =>Docs

Это то, что вы хотите ??