대화 상자 닫기 버튼 만 바꾸기 십자가 아이콘

Question

jquery 대화 상자를 닫으려는 시도 중 하나의 아이콘이 보이지만 그 일을 처리 할 수 ​​없습니다. 나는 여기에서 찾은 다른 CSS 작성을 시도했지만 성공하지 못했습니다.

나는 또한 대화 상자 설정을 변경하려고 시도했으나 버튼 상단에 십자가의 일부만 볼 수있게 관리했습니다 (적색 십자 표시를 사용하여 내 아이콘이 표시되고 대화 상자 기본값이 아닌, 백그라운드에서 그 버튼)없이

.ui-icon.ui-icon-red-deny{ 
    background-image: url("../Content/images/35x35/icon35-deny-red.png") ; 
} 

$("#dialogInfo").dialog({ 
      autoOpen: false, 
      create: function(event, ui) { 
       var widget = $(this).dialog("widget"); 
       $(".ui-dialog-titlebar-close span", widget).removeClass("ui-icon-closethick").addClass("ui-icon-red-deny"); 
      }, 

Dialog close button to cross icon

Answer 1

당신의 CSS 규칙에 !important를 추가하고 모든 상황에 적용 되는가 확인하면되는이 확인 될 것입니다.

.ui-icon.ui-icon-red-deny{ 
    background-image: url("../Content/images/35x35/icon35-deny-red.png") !important; 
}