<abbr> html tag Fragezeichen

Question

Ich benutze Angular Ui-Grid, um eine Tabelle anzuzeigen, und habe den Pager für die Tabelle implementiert.

Erzeugt eine / um "von" wie in diesem Beispiel "Seite 1 von 4" darzustellen. Aber darunter ist eine seltsame Markierung und wenn die Maus schwebt, wird der Cursor zu einem Fragezeichen, als ob er sagen würde "Ich habe keine Ahnung, was das ist".

Dies ist das Markup, das produziert wird:

<span class="ui-grid-pager-max-pages-number ng-binding" ng-show="paginationApi.getTotalPages() > 0" aria-hidden="false"> 
<abbr ui-grid-one-bind-title="paginationOf" title="of">/</abbr> 4 
</span> 

Wer weiß, was hier geschieht?

Answer 1

Dies ist das natürliche Verhalten des Tags <abbr>.

Um die gestrichelte unterstreichen und die Fragezeichen auf Maus schweben zu entfernen, fügen Sie diese CSS:

abbr { 
 
    text-decoration: none; 
 
} 
 
abbr:hover{ 
 
    cursor: default; 
 
}

<span class="ui-grid-pager-max-pages-number ng-binding" ng-show="paginationApi.getTotalPages() > 0" aria-hidden="false"> 
 
<abbr ui-grid-one-bind-title="paginationOf" title="of">/</abbr> 4 
 
</span>

Answer 2

es fixiert

.ui-grid-pager-panel abbr[title] { 
    text-decoration: none; 
    border-bottom: none !important; 
    cursor: unset !important; 
} 

zu CSS hinzufügen.