我想知道如何更改特定模态的模态背景颜色(不是模态的背景颜色)。
如果我使用“shown.bs.modal”并有一些延迟,则可以更改颜色。但我想立即更改背景颜色。 希望有人能帮忙。谢谢。
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
$('#exampleModal').on('show.bs.modal', function (e) {
$(".modal-backdrop").css('background', '#fb0404');
})
最佳答案
您可以在模态框打开之前向主体添加自定义类,然后在模态框关闭时删除该类...
$('#exampleModal').on('show.bs.modal', function (e) {
$('body').addClass("example-open");
}).on('hide.bs.modal', function (e) {
$('body').removeClass("example-open");
})
您只需要 CSS 将自定义颜色应用于背景。
.example-open .modal-backdrop {background-color:red;}
关于jquery - bootstrap 4 modal-backdrop样式(特定modal),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49755130/