jQueryUI - 悬停时删除类答案

【问题标题】：jQueryUI - removing class on hoverjQueryUI - 悬停时删除类
【发布时间】：2013-11-05 17:26:49
【问题描述】：

JSFiddle here. 我已经成功删除了 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")

两者都不起作用。

请给点建议？

【问题讨论】：

你真正想要达到什么目的？灰色边框/背景在那里，因为您正在调用.button()，它用于（通常一次）将该元素制作为 jQuery UI 按钮...
谢谢 Shai，我明白你在说什么。

标签： css jquery-ui

【解决方案1】：

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

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

jsFiddle example

【讨论】：

【解决方案2】：

这是工作的 js 代码：

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

还有指向小提琴的链接： fiddle

【讨论】：