javascript - 如何编辑引导模式继承的 CSS

Question

我正在尝试为我的网站上的模式自定义 CSS，例如背景颜色、填充等。模式似乎继承了与其父级相同的 CSS，当我在网页上编辑 CSS 时，覆盖工作正常，但是覆盖不会扩展到我的模式中显示的相同元素。

我正在尝试编辑的 CSS 代码是(.grid-item-header)，我可以简单地创建一个在我的网页上工作的覆盖，但完全相同(.grid-item-header)，这与在模式中的开发人员工具中查看时显示的 CSS 相同。但是没有应用 CSS 更改。到目前为止，我已经尝试了(.modal .grid-item-header)and (.modal-content .grid-item-header)，但我无法让它改变。

.grid-item-header {background-color: #000000!important;}
.modal .grid-item-header {background-color: #000000!important;}
.modal-content .grid-item-header {background-color: #000000!important;}

我想要改变模态标题背景颜色，但我没有。

标签： javascriptphphtmlcss

Answer 1

您可以使用以下代码覆盖模态弹出 css，这对我有用，请尝试一次。把它放在页面顶部或 conman 页面上

@media( min-width: 768px ) {           
.modal-header {
    background-color: black
}

}