Bootstrap Vue – 更改下拉背景

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

当有人从下拉列表中选择值时,我需要更改下拉菜单默认背景。

在此处输入图像描述

在此处输入图像描述

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

在此处输入图像描述

我尝试设置.dropdown-toggle类,但它只覆盖默认样式。 有解决方案吗

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

的jsfiddle

   

在btn btn-secondary更改按钮类的位置,如危险,主要等….有关更多信息,请点击此链接

 https://getbootstrap.com/docs/4.0/components/dropdowns/