Question

我已经标记了使用此规则切换悬停css样式。当面板中有一个复选框时，我想删除背景图像样式。这可能吗？虽然失败了，但我已尝试过以下内容。

CSS：

   .StaffMode .day ul li.standard a:hover table {
        background:url("test.png"); 
    }

JS：

   $("li.test table li").hover(
        function () {
            if($(this).children(':checked')) {
              alert('need to remove the background image style');  // shows as expected
              $(this).children('a').removeClass('hover');  // this doesnt work?
            }
        }
    );

Answer 1

您需要做的是对:hover规则进行一些限制，并让您的JavaScript更改元素，使其不再适用。像这样：

.has-hover:hover
{
    /* do whatever */
}

然后你的JavaScript会这样做：

$(this).children('a').removeClass('has-hover');

您无法删除:hover，但可以删除has-hover类，并且由于规则同时需要这两个类，因此会阻止.has-hover:hover规则的应用。

删除css悬停样式

1 个答案: