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;
}

问题是当我将鼠标悬停在按钮文本上时，"is"或“否”鼠标光标从手形变为指针，如何使它像手形一样不变。

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");

更新代码:http://jsfiddle.net/lotusgodkk/CC9gM/8/