Botões de bootstrap ficam “presos” em dispositivos móveis
Sempre que clico em um botão com meu dispositivo móvel (android) em um botão de boostrap do twitter, mas o botão recebe um estilo estranho, como se o mouse ainda estivesse acabado e não seja liberado até que eu clique em outro elemento. Esta não é a classe ativa sendo aplicada a um elemento.
É sutil, mas muito chato, especialmente quando eu tento aplicar estilos ao botão eles não aparecem até eu clicar em um elemento diferente.
Tente ir parahttp://twitter.github.com/bootstrap/base-css.html#buttons em um dispositivo móvel e clique em um botão, você verá o que eu quero dizer
Eu tentei disparar todos os tipos de eventos com jquery mas nada funcionou, isso é um trecho eu tenho no final do meu javascript
$(document).on('tapclick', '.btn', function() {
$(this).blur();
$(this).trigger('mouseup');
});
e tentou sobrescrever estilos css no foco
.btn a:hover,.btn a:link,.btn a:visited,.btn a:active{
text-decoration: none !important;
cursor: default !important;
background-color: transparent !important;
background-image: none !important;
}