Mettez en surbrillance les icônes METRONIC uniquement sur vol stationnaire

Question

j'ai créé une icône en plein écran en utilisant le thème METRONIC:

<div class="portlet light portlet-fit portlet-datatable red-flamingo box"> 
 
    <div class="portlet-title"> 
 
    <div class="caption"> 
 
     <i class="fa fa-check-circle" aria-hidden="true"></i> 
 
     <span class="order-number"> Fullscreen me</span> 
 
    </div> 
 
    <div class="tools"> 
 
     <a href="" class="fullscreen" data-original-title="" title=""> </a> 
 
    </div> 
 
    </div> 
 
    <div class="portlet-body"> 
 
    Content 
 
    </div> 
 
</div>

Cela a créé un div qui ressemble à ceci en chrome: Div Preview

Chaque fois qu'il est cliqué pour plein écran, le bouton change en ceci: weird looking icon et il reste comme ça jusqu'à ce qu'on clique k ailleurs.

Je pense que ce problème est dû au fait qu'il reste en surbrillance même après un clic; et par conséquent, cela pourrait être résolu si la mise en évidence des icônes se produit uniquement sur le pointeur de la souris. Des idées sur la façon de résoudre ce petit problème?

Answer 1

On dirait que votre balise d'ancrage est soulignée. Essayez d'ajouter ceci à votre feuille de style CSS:

.fullscreen:focus { text-decoration: none; }