<abbr> html标记问号

Question

我正在使用角using来显示一个表，并为该表实现了寻呼机。

它创建一个表示" of“的/，如本例中的”4的第1页“。但是下面是一些奇怪的标记，当鼠标悬停时，光标变成一个问号，好像在说“我不知道这是什么。”

​

​

这是生成的标记：

<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

通过添加

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

致css。