Jquery对话框按钮文本鼠标移动光标更改

时间:2014-05-09 09:20:17

标签: jquery html css

我正在使用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;
}

问题是当鼠标悬停在按钮文本上,“是”或“否”时,鼠标光标从一只手变为指针,如何使它像手一样保持不变。

1 个答案:

答案 0 :(得分:0)

试试这个CSS:

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

键应用于应用样式。您可以修改jquery-ui.css中的样式或创建更具体的选择器。你也可以使用!important但是那个&#39;不建议。

此外,您不需要使用jQuery从按钮中删除任何类。 我将您的代码更新为:

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

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