ダイアログの閉じるボタンを置き換えるだけのアイコン

Question

私はjqueryダイアログの閉じるボタンを1つのアイコンに置き換えようとしていますが、それはできません。 私はここで見つけた異なる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; 
}