我的jquery对话框在十字图标位置显示为标题。我没有添加任何地方,但它在对话框加载时显示。如何摆脱它?
<div id="ConfirmdialogRoster" title="Confirmation!" style="display:none;" class="section_detail-font-14">
Please confirm that you have completed your changes and want to submit your roster.
</div>
$("#ConfirmdialogRoster").dialog({
height: 200,
width: 500,
buttons: {
"Save": {
text: "Confirm",
class: "btn btn-success",
click: function() {
$(this).dialog("close");
$("#ActionProgress").show();
$('#btnSubmitValidation').removeClass('validationErrorShow').addClass('validationErrorHide');
//AJAX Call here
}
},
"Cancel": {
text: "Cancel",
class: "linkbutton",
click: function () {
$(this).dialog("close");
$("#ActionProgress").hide();
}
}
}
}).prev(".ui-dialog-titlebar").css("background", "#21416b");
<button type="button" class="ui-button ui-corner-all ui-widget ui-button-icon-only
ui-dialog-titlebar-close" title="Close"><span class="ui-button-icon ui-icon
ui-icon-closethick"></span><span class="ui-button-icon-space"> </span>Close</button>
答案 0 :(得分:0)
您可以通过添加以下CSS来实现此目的
button.ui-dialog-titlebar-close {
display: none;
}
答案 1 :(得分:0)
button.ui-button.ui-dialog-titlebar-close { display: none; }