jquery - 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
}