title: How to change bootstrap 4 drop-down colors?
body: <p>I am trying to change both the background, and font color of the bootstrap 4 dropdown navigation. </p>
  
  <p>I tried to use </p>
  
  <pre><code>.nav.nav-tabs &gt; li.dropdown.active.open &gt; a, 
  .nav.nav-tabs &gt; li.dropdown.active.open &gt; ul.dropdown-menu a:hover,
  .nav.nav-tabs &gt; li.dropdown.open &gt; a, 
  .nav.nav-tabs &gt; li.dropdown.open &gt; ul.dropdown-menu a:hover
  {
    color: #fff;
    background-color: #b91773;
    border-color: #fff;
  }
  </code></pre>
  
  <p>But this wasn't working too well for me. Here is my HTML:</p>
  
  <pre><code>      &lt;li class="nav-item dropdown"&gt;
          &lt;a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true"
            aria-expanded="false"&gt;
    Dropdown link
  &lt;/a&gt;
          &lt;div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"&gt;
            &lt;a class="dropdown-item" href="#"&gt;Action&lt;/a&gt;
            &lt;a class="dropdown-item" href="#"&gt;Another action&lt;/a&gt;
            &lt;a class="dropdown-item" href="#"&gt;Something else here&lt;/a&gt;
          &lt;/div&gt;
        &lt;/li&gt;
  </code></pre>