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

在我看来，'按钮'是类名。