Home remove hover highlighting on click event
 Three steps working for my table row highlighting. on hover the background is highlighted blue.(basically, to show you can highlight it) click event highlights the background row blue. click a highlighted row it un highlights. These are working good. The problem When i click a highlighted row to un highlight it wont show that it's un highlighted while the mouse is hovering. Only, on mouse leave. I need it to be able to disable the hover so it can show that its un highlighted as soon as its clciked to un highlight. Trick is i only need the hover disabled only on that click. I need it to be able to hover again, and go through the same process. HTML 
 angular highlight all rows sets all the rows initially highlighted. $scope.highlightAllRows = function(item){ item.sourcesSelected = true; };$scope.select = function(item) { item.sourcesSelected = item.sourcesSelected ? false : true; };  CSS .superusertable tr:hover{ background-color: #80CCFF !important; }  is there a simple css,jquery, angular solution to disable the hover when highlighted row is clicked. I need hover to work again when you hover back