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 
}