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效果吗？

#1楼 票数：5 已采纳

我删除了pointer-events: none声明，它可以工作。

看看JSFiddle 。

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

这是你想要的吗？？

  ask by Leon Gaban translate from so

未解决问题？本站智能推荐：

3回复

将鼠标悬停在div上不起作用

这是我页面的html部分： 这是我的CSS代码： 问题是，悬停（和的onmouseover）上.rejtingVoKomentar（和.thumbUp和.thumbDown也）不工作时.rejtingVoKomentar有 属性。 这可能是什么问题？
2回复

将鼠标悬停在普通兄弟姐妹上不起作用

将鼠标悬停在<div class="like absolute">内的显示图像上不会显示<div class="balloons absolute">内的图像。 在上面的代码中， div#container是父<div> “ like”和“ ballo
1回复

将鼠标悬停在CSS菜单活动的Li类上不起作用？ 对别人有用吗？

我似乎无法使悬停按钮在我的第一个CSS菜单导航按钮上起作用。 这是一个活跃的li课，有人有什么想法吗？ 另一个菜单选项的悬停效果很好。 CSS代码：
1回复

：在Firefox中将鼠标悬停在img上不起作用

我正在尝试使用：hover增加按钮图像的宽度（比例），但是在Firefox上不起作用（但在所有其他浏览器上都有效）。 HTML： CSS： } 你看到错了吗？
1回复

提供for…id时，不要将鼠标悬停在输入标签上，无法激活输入的悬停样式。

我不确定是否所有浏览器都这样做，但是如果我在标签上提供了与输入id相对应的for属性，这会使鼠标悬停在标签上会触发输入的悬停样式，这在我的情况下是不希望的。 有什么方法可以阻止这种行为，同时仍使屏幕阅读器可以访问表单？ .field label { display: block
4回复

当我将鼠标悬停在其上方的div上时，div的悬停效果不起作用[重复]

这个问题已经在这里有了答案： 悬停子元素时如何设置父元素的样式？ 8个答案 每当您将鼠标悬停在我的照片帖子上时，我都会对其进行渐晕效果，但是当我将鼠标悬停在照片顶部的按钮上时，小插图消失了。 我该如何工作？ 这是我正在使用的渐晕代码： 这是我的小提
4回复

使用CSS，将鼠标悬停在一个标签上时可以将背景更改为多个div标签吗？

我正在尝试在该项目上尽可能少地使用javascript。 我想在我的网站上创建一个带有星号的投票项。 我将拥有5颗星，它们会逐渐消失，当用户将鼠标移到第一颗时，第一颗将亮起，然后将其移到第二颗上，第二颗和第一颗都亮起，直到它们到达第五颗所有星星都会被点亮。 我尝试用div标签将它们
2回复

鼠标悬停不起作用？

我正在一些HTML5页面上使用超链接上的CSS悬停属性。 我希望当单击图像中所示的某些标题时，悬停颜色得到修复，而当我们将鼠标悬停在其他标题上时，霍夫正在工作，如果单击其他标题，它们的颜色将得到修复，并且第一个将一直为白色，特别是一直悬停工作。 就我而言，一切正常，当我单击标题颜色时，已