Hover-Status auf Tasten nach dem Klicken stecken

Question

Ich habe ein Formular mit zwei Zuständen: Bearbeitung und sichtbar. Wenn Sie auf ein Symbol klicken, um das Formular zu bearbeiten, werden zwei Schaltflächen (die wie Senden wirken) unten angezeigt, um zu speichern oder abzubrechen. Wenn ich darauf klicke, wird das Formular aktualisiert (oder abgebrochen) und die Schaltflächen verschwinden. Das Problem ist, wenn ich das Formular erneut öffne, um es zu bearbeiten (und die Schaltflächen sind wieder sichtbar), das zuletzt angeklickte hat seinen Schwebezustand in Chrome angewendet.

 <div> 
      <div class="col-xs-5"> 
      <button class="btn btn-primary pull-right" ng-click="save(true)">Save</button> 
      </div> 

      <div class="col-xs-5 cancel-btn"> 
      <button class="btn btn-primary pull-left" ng-click="cancel()">Cancel</button> 
      </div> 
     </div> 

Der Einfachheit halber ist hier nur die Funktion beenden ...

$scope.cancel = function() { 
     //set a flag for angular to hide/show editing mode in HTML 
     $scope.editMode = false; 
    }; 

Answer 1

Wie in einem früheren Kommentar erwähnt (runTarm), ist dies, weil der aktiven/fokussierten Zustand der Tasten.

es ändern:

.btn-primary:active, 
.btn-primary:focus { 
    // place your 'default' styling over here 
} 

Sie müssen wahrscheinlich präziser mit Ihrer Erklärung sein, weil, was ich mit Klasse btn-primary alle Elemente außer Kraft setzen geschrieben.

Hoffe, das hilft!