title: Bootstrap Vue - change dropdown background
body: <p>I'm using Bootstrap Vue plugin - <a href="https://bootstrap-vue.js.org/" rel="nofollow noreferrer">https://bootstrap-vue.js.org/</a></p>
  
  <p>I need to change dropdown menu default background when someone select value from dropdown like this.</p>
  
  <p><a href="https://i.stack.imgur.com/KHWh8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KHWh8.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/dB96o.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dB96o.png" alt="enter image description here"></a></p>
  
  <p>But this is the problem. When someone click dropdown, They toggle "show" class in dropwdown wrapper. No any class new class for red color highlighted div. </p>
  
  <p><a href="https://i.stack.imgur.com/qDuWQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qDuWQ.png" alt="enter image description here"></a></p>
  
  <p>I tried to style .dropdown-toggle class but it overrides default style only. Any solution? </p>
  
  <pre><code>.dropdown-toggle{
    background-color: #FF5722;
    border-color: #FF5722;
  }
  </code></pre>
  
  <p><strong><a href="https://jsfiddle.net/jayD2/o2gqmqzy/" rel="nofollow noreferrer">Jsfiddle</a></strong></p>