【问题标题】:Hover effect gets stuck in firefox悬停效果卡在Firefox中
【发布时间】:2018-11-30 22:04:17
【问题描述】:

我有一个输入数字,当悬停时,它会将边框颜色更改为橙​​色,但会卡住并且不会恢复其原始颜色。这只发生在 Firefox 中。

这是 Firefox 中的错误吗?是因为它是一个输入标签吗?我找不到类似的东西。

如果有帮助,这就是 CSS(cellbox 是输入中的类,calendar-inventory 是大容器):

.calendar-inventory .cell.box:hover, .calendar-inventory input.box:hover {
  border-color: #f68a0a;
}

谢谢。

【问题讨论】:

  • 也分享你的html..
  • 欢迎来到 Stack Overflow!寻求代码帮助的问题必须包括在问题本身最好是在Stack Snippet 中重现它所需的最短代码。见How to create a Minimal, Complete, and Verifiable example
  • 对不起,我不允许分享 html。我知道没有它很复杂,但它在 chrome 和 ie 中工作,所以我想这可能是 firefox 的错误或输入的常见错误
  • 您不必提供机密内容,但如果您无法在此处复制,我们无能为力。
  • 如果没有 html,我们无法猜测出什么问题。你不能制作一个假的html代码示例来重现这个问题吗?

标签: html css firefox hover


【解决方案1】:

我修好了。当输入悬停时,我更改了添加类的脚本的 css。
$( "input" ).hover( function() { $( this ).addClass( "hovered" ); }, function() { $( this ).removeClass( "hovered" ); } );

【讨论】:

    猜你喜欢
    • 2014-09-30
    • 2014-11-09
    • 1970-01-01
    • 1970-01-01
    • 2021-03-13
    • 2011-09-12
    • 2013-08-28
    • 2021-07-03
    • 2021-08-31
    相关资源
    最近更新 更多