IE 9中的jQuery UI按钮似乎存在一些问题?

这是它们通常的外观:



在IE 9中,它们如下所示:



该按钮的HTML为:

        <input
         type="submit"
         name="submit_intermediate_question"
         id="submit-intermediate-question"
         value="Odoslať"
         class="input-submit" >


jQuery代码:

$(document).ready(function() {

    $('.input-submit').button();

});


这是一个已知问题吗?我正在使用最新的jquery UI(昨天下载)。怎么解决呢?

最佳答案

CurvyCorners javascript正在干扰jQueryUI声明的样式。

CurvyCorners之所以失败,是因为即使IE9支持border-radiusscanStyles),它仍会在IE9中调用Support for "border-radius" in IE,并且我怀疑这会导致与jQueryUI声明的现有样式发生冲突。

http://code.google.com/p/curvycorners/source/browse/trunk/curvycorners.src.js#93应为:

this.supportsCorners = this.ieVer >= 9.0;


因此,下载curvycorners.src.js,更改该行,并使用它代替当前的curvycorners.src.js文件,按钮样式将正确显示。

09-11 20:48