JQuery的圖標不會呈現在IE9

Question

我有一個取消按鈕定義如下：

<td> 
    <br /> 
    <a id="btnClear" class="custom_dialog_link ui-state-default ui-corner-all" href="#"> 
     <span class="ui-icon ui-icon-cancel"></span>Clear </a> 
    <br /> 
</td> 

<li class="ui-state-default ui-corner-all" title=".ui-icon-cancel"><span class="ui-icon ui-icon-cancel"></span></li> 

在IE9它下面呈現。我嘗試過FF ...也一樣。

如果我設置兼容模式，它正確地呈現如下：

我一派該問題，有人推薦添加風格= 「顯示：直列塊」。我想，它呈現爲

但在兼容模式下，它基本上說明不了什麼。

有誰知道這是怎麼回事？我希望按鈕以常規或兼容模式呈現爲第二個按鈕。可能嗎？

Answer 1

嘗試在按鈕的IE樣式表中使用css min-width。