ユーザーは反応するために複数回ボタンを押す必要があります

Question

私はいくつかのボタンを持っていますが、時にはボタンを動作させるために複数回押す必要があります。これは、ホバー効果であるかのようにボタンをハイライトし、次回に通過するときにハイライト表示します。これはモバイルでのみ発生するようです。私もブートストラップを使用しています。ここで

は、コードは次のとおりです。事前に

<ul ui-sortable="sortableOptions" ng-model="list" style="list-style-type: none;padding:0; margin:0;"> 
    <li ng-repeat="item in list" class="item"> 
    <div style="width:100%;height: 43px;"> 
     <div class="col-xs-4 col-md-4"> Item1 </div> 
     <div class="col-xs-4 col-md-4"> $1 </div> 
     <div class="col-xs-4 col-md-4" style="padding:0px"> 
      <button class="wish-small-button" ng-click="deleteItem(item)"><i class="fa fa-times"></i></button> 
      <button class="wish-small-button" ng-click="editItem(item)"><i class="fa fa-pencil-square-o"></i></button> 
     </div> 
    </div> 
</li> 

.wish-small-button { 
    width: 44px; 
    height: 44px; 
    padding: 0px; 
} 

.item { 
    border-style: solid; 
    border-width: 3px 3px 3px 3px; 
    position: relative; 
    font-weight: 300; 
    margin: 0 0 10px 0; 
    color: #00E676; 
    text-align: center; 
    font-size: 18px; 
    padding:5px; 
} 

感謝。

Answer 1

私はこれが見つかりました：

https://github.com/twbs/bootstrap/issues/10657

は、ブートストラップボタンがモバイルで素敵を果たしていないようです。

私はそうのようなタグを固定する切り替え：

<div class="col-xs-3 col-md-3"> 
    <a class="item-small-button" ng-click="deleteItem(item)"><i class="fa fa-times"></i></a> 
</div>