使用 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');

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