css - jQueryUI - 悬停时删除类

Question

JSFiddle在这里。我已经成功地删除了 jqueryUI 应用到我的按钮的 CSS，除非它被悬停在上面。如果您将鼠标悬停在 Fiddle 上的按钮上，您会看到（对我而言）我想摆脱的没有吸引力的灰色边框和背景。

我试过的：

$( "input[type=image]" ).button().removeClass("ui-state-default");
$( "input[type=image]" ).button().hover().removeClass("ui-state-hover");

和

$("input[type=image]").button().removeClass("ui-state-default ui-state-hover")

两者都不起作用。

请给点建议好吗？

Answer 1

只需使用在 jQuery UI CSS 之后加载的您自己的 CSS 覆盖它：

.ui-state-hover {
    background:none;
    border:none;
}

jsFiddle 示例

Answer 2

这是工作的js代码：

$( "input[type=image]" ).button().removeClass("ui-state-default");
$( "input[type=image]" ).button().hover(function(e){
    $(this).removeClass("ui-state-hover");
});

和小提琴的链接： 小提琴