jquery - 使用 jquery 删除伪选择器

Question

我们使用以下方式设置按钮样式：

.button{blah}
.button:active{blah}

当我们提交表单时，我们禁用按钮

$('#letterButtons input').attr('disabled','disabled');

但是在 webkit 上，在它们被禁用后，它们仍然“看起来”处于活动状态，因为它们在单击时会发生变化。

试过这个，但没有快乐......

$('#letterButtons input').removeClass('button:active');
$('#letterButtons input').removeClass('button\\:active');

其实设置标签后，我记得我们使用的是Zepto，所以可能是zepto的问题......

Answer 1

您可以尝试使用：

$('#letterButtons input').trigger('mouseleave');

但是如果鼠标仍然悬停在元素上，这很容易失败。你也可以使用 CSS：

#letterButtons button[disabled]:active {
    color: #999;
    background-color: #ccc;
}

Answer 2

你试过了吗：

$('#letterButtons input').removeClass('button');

在我看来，类名是“按钮”。