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-radius
(scanStyles),它仍会在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文件,按钮样式将正确显示。