javascript - Bootstrap Vue - 更改下拉背景

Question

我正在使用 Bootstrap Vue 插件 - https://bootstrap-vue.js.org/

当有人像这样从下拉菜单中选择值时，我需要更改下拉菜单的默认背景。

但这就是问题所在。当有人单击下拉菜单时，他们会在下拉菜单包装器中切换“显示”类。红色突出显示的 div 没有任何类新类。

我尝试设置 .dropdown-toggle 类的样式，但它仅覆盖默认样式。任何解决方案？

.dropdown-toggle{
  background-color: #FF5722;
  border-color: #FF5722;
}

Jsfiddle

Answer 1

你可以直接在风格上做。例如:

  <b-form-select
  options="[1, 2, 3]"
  style="background: red">
</b-form-select>

或者创建一个类...