Jquery 대화 상자 커서 위의 단추 텍스트 마우스 변경

Question

두 개의 단추가있는 jquery 버전 1.8.3 대화 상자 컨트롤을 사용하고 있습니다. 내가 "예"또는 "아니오"마우스 커서 변경 버튼 텍스트에 마우스를 움직일 때

$('<div></div>').appendTo('body').html().dialog({ 
      modal: true, zIndex: 10000, autoOpen: true, 
      width: '450px', resizable: false,stack: false, 
      dialogClass: 'closeDialog', 
      buttons: { 
       "YesButton" : { 
     text: "Yes", 
       id: "yesbtnid",    
       } , 
       "NoButton" : { 
       text: "No", 
       id: "nobtnid",    
       } 
      }, 
      open: function() {    
       $(this).closest('.ui-dialog').find('.ui-button').removeClass("ui-button").addClass("btnHeightWidth"); 
       }); 
       } 
     }); 

내가 버튼 내 CSS 클래스를 추가 한 내 CSS 클래스는

.btnHeightWidth 
{ 
    width:100px; 
    height:43px; 
    font-Weight:bold; 
    font-size:16px; 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEE9E2', endColorstr='#FFC5BFB5'); 
    behavior: url(border-radius.htc); 
    border-radius: 11px; 
    -webkit-border-radius: 11px; 
    cursor:pointer; 
} 

문제입니다 손에서 포인터로, 손으로 일정하게 유지하는 법.

Answer 1

이 CSS를보십시오 :

.ui-dialog .ui-dialog-buttonpane button.ui-state-hover.ui-widget .ui-button-text{ 
     cursor:pointer; 
} 

키 스타일을 적용하기위한 구체적 것입니다. jquery-ui.css의 스타일을 수정하거나보다 구체적인 선택기를 만들 수 있습니다. !important을 사용할 수도 있지만 제안되지 않았습니다.

또한 jQuery를 사용하여 버튼에서 클래스를 제거하지 않아도됩니다.

$(this).closest('.ui-dialog').find('.ui-button').addClass("btnHeightWidth"); 

업데이트 코드 : 나는 당신의 코드를 업데이트 난 내 CSS 클래스를 제거 할 때 http://jsfiddle.net/lotusgodkk/CC9gM/8/