我在同一页面中有多个bootbox.alert()和bootbox.confirm()模式需要明确添加不同的样式但到目前为止没有运气,我如何为这些模态定义自己的样式类。
var alertModal = bootbox.alert(
{
title: "<i class='fa fa-exclamation-circle' style='font-size: 20px; color: white'></i> Alert",
message: "Please select Patient from Queue",
})
alertModal.find('.modal-header')
.css(
{
'background-color': 'red',
'color': 'white'
}
);
alertModal.find('.modal-footer')
.css({
'background-color': 'green',
'color': 'white'
}
);
答案 0 :(得分:1)
在文档链接Dialog Options中,您可以看到,提供了可选className的选项。
var alertModal = bootbox.alert(
{
title: "<i class='fa fa-exclamation-circle' style='font-size: 20px; color: white'></i> Alert",
message: "Please select Patient from Queue",
className:"your custom class name here"
})
您可以为警报创建单独的类并确认,并将其传递给选项