<abbr> html 标记问号

Question

我正在使用 Angular Ui-Grid 来显示 table 并且已经实现了所述 table.

的寻呼机

它创建一个 / 来表示 "of"，如本例 "page 1 of 4" 所示。但是下面是一些奇怪的标记，当鼠标悬停时，光标变成一个问号，好像在说 "I have no idea what this is."

这是生成的标记：

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

<abbr> html 标记问号

<abbr> html tag question mark

javascript

angularjs

angular-ui-grid

ui-grid