cách dừng hiệu ứng di chuột cho nút ở chế độ tắt

Question

cách dừng hiệu ứng di chuột cho nút ở chế độ tắt. tôi không thể ngừng di chuột có hiệu lực sau khi nút bị vô hiệu hóa tôi đã thử nhưng điều đó không hoạt động đúng cách, hãy giúp tôi, nơi tôi muốn thay đổi để có được kết quả tốt.

<div id="prevnexts"> 
      <button id="prevs" class="navButs tprev" disabled="">Prev</button> 
      <button id="nexts" class="navButs tnext" enabled="enabled">Next</button> 
</div> 

CSS

#prevnexts { 
height: 22px; 
left: 50px; 
position: absolute; 
top: 160px; 
width: 75px; 
} 

#prevnexts .tnext, #prevnexts .tprev { 
background: url("images/next1.png") no-repeat scroll 0 0 transparent; 
border: 1px solid transparent; 
height: 25px; 
text-indent: -9999px; 
width: 33px; 
cursor:pointer; 
} 

button[disabled]:active, button[disabled], 
input[type="reset"][disabled]:active, 
input[type="reset"][disabled], 
input[type="button"][disabled]:active, 
input[type="button"][disabled], 
select[disabled] > input[type="button"], 
select[disabled] > input[type="button"]:active, 
input[type="submit"][disabled]:active, 
input[type="submit"][disabled] 
{ 
opacity:0.5; 
} 



#prevnexts .tprev 
{ 
background:url(images/prev1.png) no-repeat 0 0; 
} 

#prevnexts .tprev:hover 

{ 
background:url(images/prev1hover.png) no-repeat 0 0; 
} 

#prevnexts.tnext:hover 
{ 
background:url(images/next1hover.png) no-repeat 0 0; 
    } 

javascript:

 $(document).ready(function() { 
    var cnt = 1; 
    var maxLinkss =<?php echo $mypostall; ?>; 
    $("#prevs").attr("disabled","disabled"); 
    $(".tprev:hover").remove(); 
    $("#nexts").attr("enabled","enabled"); 
    $(".navButs").click(function(){ 
    if (this.id=="nexts") { 
    cnt++; 
    console.log(" + ",cnt);  
    } 
    else { 
    cnt--; 
    console.log(" - ",cnt); 

    } 
    if (cnt<0) cnt=0;  
    if (cnt>maxLinkss-1) { 
    $("#nexts").attr("disabled","disabled"); 

    } 
    else { 
    $("#nexts").removeAttr("disabled"); 

    } 
    if (cnt==1) { 
    $("#prevs").attr("disabled","disabled"); 

} 
else { 
    $("#prevs").removeAttr("disabled"); 
} 
}); 
}); 

Answer 1

Bạn có thể sử dụng css :not() chọn. Ví dụ: button:not([enabled="enabled"]). Thông tin thêm về bộ chọn :not()here.

Answer 2

Sử dụng: enabled, nhưng IE < 9 không hỗ trợ nó:

<style type="text/css"> 
.my_button{ 
    /* ... */ 
} 

.my_button:hover:enabled{ 
    /* this will only show when the button is enabled, */ 
    /* and the user is hovering over it.. */ 
} 
</style>