<abbr> html 태그 물음표

Question

저는 각도 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를 추가, 점선 밑줄 및 마우스 호버에 물음표를 제거하려면 다음

Answer 2

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>

그것을 고정 CSS에

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

을 추가하여.