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。