html - Bootstrap 4 模态背景

Question

有人知道如何更改模态背景吗？（卡片的东西，而不是模态的外部。）

我不想更改模态 ( just like in this example https://codepen.io/rae0724/pen/oqmPmY) 之外的背景，我想更改模态本身。

标签： htmltwitter-bootstrap

Answer 1

您可以通过更改以下类来修改“本地”css 中的 Bootstrap css：

• .modal-content（以下项目的容器 div）
• .modal-body
• .modal-header
• .modal-footer

因此，要仅更改模态对话框的主体，您可以使用：

.modal-body {
   background-color: yellow;
}

默认情况下，Bootstrap 只应用背景样式.modal-content，然后由.modal-body, .modal-header,继承.modal-footer。