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

Answer 2

通过添加

修复它

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

到css。