javascript - <abbr> html 标签问号

Question

我正在使用 Angular Ui-Grid 来显示表格并为所述表格实现了分页器。

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

这是生成的标记:

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