jquery：如何添加CSS悬停与jQuery的CSS？

我已在我的CSS悬停透明度，jquery：如何添加CSS悬停与jQuery的CSS？

.button-simple:hover { 
    opacity:.70; 
    filter:alpha(opacity=70); 
    filter: "alpha(opacity=70)"; 
}

但悬停的透明度不显示后，我有我的这行代码，

$('input[type=submit]').attr('disabled', false).css({opacity:1,cursor:"pointer"});

任何想法，我可以做补充悬停CSS？

编辑：

我不能在我的CSS使用!important的原因是，我此行以禁用提交按钮第一，

$('input[type=submit]',parent).attr('disabled', true).css({opacity:0.4,cursor:"default"});

如果我设置在我的CSS !important，这禁用按钮将悬停效果，以及我不想要的。

来源

2013-10-21 laukok

什么是“父”？ –

，如果你能避免设置不透明度与jQuery，你应该这样做：

$('input[type=submit]',parent).attr('disabled', true).addClass("disabled"); 
.button-simple.disabled{ 
    opacity:.4; 
    filter:alpha(opacity=.4); 
    filter: "alpha(opacity=.4)"; 
    cursor: default; 
} 

.button-simple{ 
    opacity:1; 
    filter:alpha(opacity=1); 
    filter: "alpha(opacity=1)"; 
    cursor: pointer; 
} 

.button-simple.disabled:hover{ 
    ... 
}

来源

2013-10-21 14:03:13 reyaner

添加!important覆盖内联样式jquery添加。

.button-simple:hover { 
    opacity:.70 !important; 
    filter:alpha(opacity=70) !important; 
    filter: "alpha(opacity=70)" !important; 
}

编辑：

在最后编辑光的“优雅”的解决办法是：

.button-simple.active:hover { 
    opacity:.70; 
    filter:alpha(opacity=70); 
    filter: "alpha(opacity=70)"; 
}

而在你的脚本，要删除的禁用属性添加.addClass('active')。

来源

2013-10-21 14:00:28

如果我在我的css中设置了'！important'，这个禁用的按钮将会使悬停效果以及我不想要的效果。请参阅我上面的编辑。谢谢。 – laukok

@lauthiamkok易于修复，添加一个类并应用悬停，在2分钟内检查我的编辑。 –

修改button-simple悬停CSS像这样使用!important rules：

.button-simple:hover { 
    opacity:.70 !important; 
    filter:alpha(opacity=70) !important; 
    filter: "alpha(opacity=70)" !important; 
}

来源

2013-10-21 14:01:08

如果我在我的css中设置了'！important'，这个禁用的按钮将会使悬停效果以及我不想要的效果。请参阅我上面的编辑。谢谢。 – laukok

Opacity属性可取的值从0.0 - 1.0。较低的值使元素更透明。

值opacity:1使其不透明。

来源

2013-10-21 14:03:29 Sojobo

这里的问题是，jquery设置通过.css（）内联应用的样式，并且它们覆盖样式表中找到的样式。 –

jquery：如何添加CSS悬停与jQuery的CSS？

回答

相关问题