<abbr> htmlタグ疑問符

Question

私は、テーブルを表示するためにAngular Ui-Gridを使用しており、上記テーブル用のページャを実装しています。

この例の「1/4ページ」のように、「of」を表す/を作成します。しかし、その下にはいくつかの奇妙なマーキングがあり、マウスが動いたときにカーソルが "これが何であるか分かりません"と言うように疑問符に変わります。

これは、生成されるマークアップは次のとおりです。

<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 1

これは<abbr>タグの自然な動作です。

この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

は、CSSに

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

を追加することによって、それを修正しました。