Question

JSFiddle here.我已成功删除了jqueryUI应用到我的按钮的CSS，除非它正在盘旋。如果你将鼠标悬停在小提琴上的按钮上，你会看到（对我而言）是一个没有吸引力的灰色边框和背景，我想摆脱它。

我尝试了什么：

$( "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 example

Answer 2

这是工作的js代码：

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

与小提琴的链接： fiddle

jQueryUI - 在悬停时删除类

2 个答案: