Bootstrap Vue - Change Dropdown Background

I'm using Bootstrap Vue plugin - https://bootstrap-vue.js.org/ I need to change dropdown menu default background when someone select value from dropdown like this. But this is th

Solution 1:

You can do it directly in style. ex:

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

or create a class...

Solution 2:

  <button type="button"class="btn btn-danger dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
      <spanclass="sr-only">Toggle Dropleft</span>

In the place of btn btn-secondary change button classes like danger,primary, etc.... for more information follow this link

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