Html VueJs：下拉项目背景色

试图理解web开发（VueJS）中的样式是如何工作的，我正在努力解决一些问题：

我正在（动态地）显示一些填充有下拉项的下拉列表（彩色）

我想更改这些下拉项的背景色。我真的不明白风格是如何运作的

我的（逻辑）想法是从父下拉列表继承

下拉列表的代码：

<b-dropdown variant="danger" size="sm" v-for="item in rubriquesFullyLoaded" :key="item.id"  v-bind:text="item.libelle" id="ddown1" class="m-md-1" v-if="item.libelle == 'Services Magasins'">
       <b-dropdown-item variant="danger" v-on:click="maj(enfant, 1)" v-for="enfant in item.childs" :key="enfant.id"  v-bind:text="enfant.id" v-if="item.childs !== null">
         {{ enfant.libelle }}
       </b-dropdown-item>
</b-dropdown>

{{enfant.libelle}}

---

谢谢

如果您使用的是vue引导，则需要在父组件中的

App.vue

中添加样式替代库样式&如果您需要更新vue中的样式，则可以通过这些类来实现， 例如：

//example for bind styling
<div v-bind:style="theVariable ? styleObject : ''"></div>

//example for dynamic class
<div :class="theVariable ? theNewClass : theOldClass"></div>

data: {
  return {
   theVariable: true,
   styleObject: {
     color: 'red',
     fontSize: '13px'
   }
  }
}

//绑定样式示例
//动态类示例
数据：{
返回{
变量：true，
样式对象：{
颜色：“红色”，
字体大小：“13px”
}
}
}

如果您使用的是vue引导，则需要在父组件中的

App.vue

中添加样式替代库样式&如果您需要更新vue中的样式，则可以通过这些类来实现， 例如：

//example for bind styling
<div v-bind:style="theVariable ? styleObject : ''"></div>

//example for dynamic class
<div :class="theVariable ? theNewClass : theOldClass"></div>

data: {
  return {
   theVariable: true,
   styleObject: {
     color: 'red',
     fontSize: '13px'
   }
  }
}

//绑定样式示例
//动态类示例
数据：{
返回{
变量：true，
样式对象：{
颜色：“红色”，
字体大小：“13px”
}
}
}

您能否发布完整的代码，以便我理解并解决您的问题？默认情况下，这些代码是透明的，我想，您是否测试过覆盖

.dropdown item{background color:Rebeccapulve；}

@ArshiyaKhanam提供的代码不够吗？你还需要什么？Thanks@David.J是的，我已经试过了，但是用这个方法，我所有的.下拉项都是紫色的，我需要它们像动态父项一样（b-下拉），你能发布你的完整代码，这样我就能理解并解决你的问题吗？默认情况下，这些是透明的，我想，你测试过覆盖吗

.dropdown item{background color:Rebeccapulve；}

@ArshiyaKhanam提供的代码不够吗？你还需要什么？Thanks@David.J是的，我已经尝试过了，但是使用这种方法，我的所有.下拉项都将是紫色的，我需要它们像动态父项一样（b-下拉）是的，我使用的是Vue boostrap，谢谢你的回答，我将深入研究！好的，它与v-bind:style配合得很好。可以在那里找到信息：很高兴来到这里，我正在使用vue bootstrap，所以我知道你在说什么，好运气，我正在使用vue bootstrap，谢谢你的回答，我将深入研究！好的，它与v-bind:style配合得很好。可以在那里找到信息：很高兴来到这里，我正在使用vue引导，所以我知道你在说什么，祝你好运