拖动禁用 CSS 悬停

Posted

技术标签:

【中文标题】拖动禁用 CSS 悬停【英文标题】:Dragging disabling CSS hover 【发布时间】:2017-04-03 15:35:40 【问题描述】:

我有这个迷你测试示例:https://jsfiddle.net/3d6udf2n/。

当我开始将鼠标从Link 外部拖到内部时,它不会改变背景和颜色,直到我松开鼠标。

我的问题是,我怎样才能使它(使用 css 或 javascript),以便无论我是否拖动,悬停事件都有效。

【问题讨论】:

How to start mouseover event while dragging的可能重复 @Marcs - 用于拖动元素...我需要一个更简单的解决方案 【参考方案1】:

经过一些测试得到它:https://jsfiddle.net/3d6udf2n/1/。

仍在尝试使其成为所有标签 a 而不仅仅是 ID 为 text 的元素。

【讨论】:

我想这现在必须工作:jsfiddle.net/3d6udf2n/3.

以上是关于拖动禁用 CSS 悬停的主要内容,如果未能解决你的问题,请参考以下文章

css 禁用黄色悬停样式

css 滚动时禁用悬停

在活动链接上禁用 CSS 悬停效果

如何禁用过渡或动画时间的悬停效果,然后在过渡或动画在 css 中完成后启用它?

选定行的悬停禁用引导表

css cursor(鼠标悬浮禁用)