繁体   English   中英

将鼠标悬停在输入标签上不起作用

Hover over input label not working

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

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 个回复

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

看看JSFiddle

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

这是你想要的吗??

1 鼠标悬停在标签上的效果被隐藏并且不起作用,如何使它起作用?

我试图在我的盒子上添加悬停效果,但是添加背景色时似乎没有显示。 我在a:悬停标签上添加了边框,当您将鼠标悬停在任何框上时,它会做一些奇怪的事情。 有人告诉我它正在工作,但是由于某种原因它只是隐藏了。 问题似乎出在我的onlineBorders()函数或CSS代码中。 这是链接: http ...

2 将鼠标悬停在 div“矩形”上不起作用

我有一个名为 Speech-bubble1 的 div,我想在其中放置一个悬停元素,它会扩大比例,但是,它不起作用,我尝试放置其他悬停属性并且它们工作正常,请帮助我. 一旦我将鼠标悬停在它上面,我想缩放它。 先感谢您! @import url("https://fonts.goog ...

4 鼠标悬停在 Firefox 上不起作用

我有一个在 Chrome 上运行完美的自动化基础设施,但在 Firefox 上有几个问题。 我目前正在尝试解决的问题是将鼠标悬停在带有Actions的元素上。 这个方法 与 Chrome 完美配合,但与 Firefox 一起使用时,元素似乎没有悬停在它上面。 通过将鼠标悬停在该元素上,几个元素( ...

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

这是我页面的html部分: 这是我的CSS代码: 问题是,悬停(和的onmouseover)上.rejtingVoKomentar(和.thumbUp和.thumbDown也)不工作时.rejtingVoKomentar有 属性。 这可能是什么问题? ...

6 将鼠标悬停在对象上不起作用

我在window.onload = function(){}中添加了一些对象到画布上,但是当我将鼠标移到对象上时,没有任何悬停效果,因此我无法选择对象。我尝试了object.setCoords ,canvas.calcOffset,canvas.renderAll,但仍然无法继续。 以下是我的 ...

7 将鼠标悬停在svg文本上不起作用

从Adobe XD创建svg并尝试为svg创建悬停效果可能会更改fill:悬停时的颜色。 #这是svg代码# #这是html代码# #这是CSS代码# ...

2018-02-15 20:42:26 1 56   svg
8 将鼠标悬停在ul上不起作用

有人知道为什么将鼠标悬停在ul元素上不起作用吗? http://jsfiddle.net/Samfr/5/ 我试图将鼠标悬停在列表中的元素上,并将其他元素悬停在上方,但是当您将鼠标悬停在小提琴中的ul“ hover-name”元素上时,它不起作用。 ...

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

我试图弄清楚为什么,当我将鼠标悬停在特定的div上时,什么也没发生,但是如果我将鼠标悬停在父div上,光标就会改变。 这是HTML: 和CSS: 上面的CSS不起作用-意味着什么也没有发生,光标没有改变。 但是,如果说以下内容: ...确实起作用,例如:光标改 ...

2015-08-18 00:48:11 2 220   html/ css
10 将鼠标悬停在图像上不起作用

我正在使用Jquery和CSS3的网站上工作。 我有图像,悬停时我要缩放图像。 悬停可与CSS一起使用,但我希望它通过JQuery遵循我迄今为止尝试过的代码。 请帮忙。 HTML CSS 我也在上面的脚本代码中尝试了hover()方法而不是mouseenter和mou ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM