如何以b模式覆盖vue-bootstrap样式

Question

我尝试使用bootstrap-vue在.modal-header中更改b-modal->中的背景颜色。但是这个主意看不到我的风格，我也不知道为什么：/这是代码。我在link]中回答

HTML：

b-modal(id="card-1" title="CARTÃO DE CRÉDITO"  :modal-class="myclass" header-text-variant="light")
VUE

export default {
    data: {
   myclass: ['myclass']
 },
}

CSS

.myclass > .modal-dialog > .modal-content > .modal-header {
  background-color: #da2228 !important;
  color: white;
}
但是我仍然看不到结果。模式标题为白色。有什么想法吗？

我尝试使用bootstrap-vue在.modal-header中更改b-modal->中的背景颜色。但是vue看不到我的样式，我也不知道为什么：/这是代码。我在链接HTML中依次回答：...

Answer 1

您可能在scoped文件中使用了.vue样式标签。如果是这样，则需要使用deep-selector正确定位子组件。