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悬停属性。 我希望当单击图像中所示的某些标题时,悬停颜色得到修复,而当我们将鼠标悬停在其他标题上时,霍夫正在工作,如果单击其他标题,它们的颜色将得到修复,并且第一个将一直为白色,特别是一直悬停工作。 就我而言,一切正常,当我单击标题颜色时,已