如何编辑引导程序模式继承的CSS

Question

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

我要编辑的CSS代码是(.grid-item-header)，我可以简单地创建一个适用于我的网页的替代项，但是完全相同的(.grid-item-header)，即在在模式中的开发人员工具中查看。 CSS更改未应用。 到目前为止，我已经尝试过(.modal .grid-item-header)和(.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;}

我希望更改模态标题背景的颜色，而我没有这样做。

Answer 1

您可以使用以下代码覆盖模式弹出式CSS，这对我来说是一次尝试。 将其放在页面顶部或conman页面上

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

}