jQuery 대화 상자에 십자가 아이콘 대신 "닫기"링크 텍스트를 표시하는 방법은 무엇입니까?

Question

실용적인 jQuery 대화 상자에서 오른쪽 상단에 교차 아이콘이 표시됩니다. 이를 클릭하면 대화 상자 창이 닫힙니다. 기본 HTML은 다음과 같습니다.

<a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button"> 
     <span class="ui-icon ui-icon-closethick">close</span> 
    </a> 

"닫기"텍스트 링크가 표시되기를 원합니다. 이 작업을 수행 할 수 있습니까?

Answer 1

당신은 당신이 CSS로 원하는 것을 달성하고 그러나 다른 사람을 수정할 수 있습니다

.ui-icon-closethick { 
    background-image: none; 
    text-indent: 0; 
    width: 50px; 
} 

.ui-dialog-titlebar-close { 
    right: 1.3em 
}