モバイルデバイスでブートストラップボタンが「スタック」する

Question

Twitterのブーストラップボタンでモバイルデバイス（アンドロイド）を使用してボタンをクリックすると、マウスのようにボタンが奇妙なスタイルになり、別のものをクリックするまで解放されません素子。これは要素に適用されているアクティブなクラスではありません。

それは私が彼らは私が別の要素をクリックするまで表示さいけないボタンにスタイルを適用しようとする場合は特に、微妙ですが、非常に迷惑なんです。

はあなたが私はjQueryを使って、イベントのすべてのソートをトリガー試みたが、何も働いていない

を言いたいことが表示されます、モバイルデバイス上のhttp://twitter.github.com/bootstrap/base-css.html#buttonsに行ってみて、ボタンをクリックして、これはの終わりに私が持っているスニペットです私のjavascriptの

$(document).on('tapclick', '.btn', function() { 
      $(this).blur(); 
      $(this).trigger('mouseup'); 


     }); 

と私は上のボタンにクラスを追加することで、この問題を修正ホバー

.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; 
} 

Answer 1

のCSSスタイリングをオーバーライドしようとしましたデフォルトのブートストラップバックグラウンド位置をオーバーライドします。

のjavascript：

$("button").on("touchstart", function(){ 
    $(this).removeClass("mobileHoverFix"); 
}); 
$("button").on("touchend", function(){ 
    $(this).addClass("mobileHoverFix"); 
}); 

CSS：あなただけの携帯電話のために開発している場合

.mobileHoverFix:hover, 
.mobileHoverFix.hover{ 
    background-position: 0 0px; 
} 

Answer 2

その後、あなたは、単にたとえば、完全にホバーCSSをオーバーライドすることができます：

.btn:hover { 
    background-color: inherit; 
}