我正在使用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;
}
问题是当鼠标悬停在按钮文本上,“是”或“否”时,鼠标光标从一只手变为指针,如何使它像手一样保持不变。
答案 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");