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？

回答

相關問題