title: How to change background colour of opened bootstrap dropdown list - Bootstrap 4
body: <p>How to change background colour of opened bootstrap dropdown option. Here is the code:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;nav class="navbar navbar-toggleable-sm navbar-inverse bg-faded"&gt;
    &lt;button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbar6"&gt;
          &lt;span class="navbar-toggler-icon"&gt;&lt;/span&gt;
      &lt;/button&gt;
    &lt;a href="#" class="navbar-brand"&gt;Title &lt;/a&gt;
    &lt;div class="navbar-collapse collapse justify-content-stretch" id="navbar6"&gt;
      &lt;ul class="navbar-nav ml-auto"&gt;
        &lt;li class="nav-item"&gt;
          &lt;a class="nav-link" href="#"&gt;About&lt;span class="sr-only"&gt;Home&lt;/span&gt;&lt;/a&gt;
        &lt;/li&gt;
        &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;
            Services
          &lt;/a&gt;
          &lt;div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"&gt;
            &lt;a class="dropdown-item" href="#"&gt;Design&lt;/a&gt;
            &lt;a class="dropdown-item" href="#"&gt;Development&lt;/a&gt;
            &lt;a class="dropdown-item" href="#"&gt;Consulting&lt;/a&gt;
          &lt;/div&gt;
        &lt;/li&gt;
        &lt;li class="nav-item"&gt;
          &lt;a class="nav-link" href="#"&gt;Contact&lt;/a&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>In bootstrap 3 I changed it with the help of:</p>
  
  <pre class="lang-css prettyprint-override"><code>.navbar-default .navbar-nav &gt; .open &gt; a,
  .navbar-default .navbar-nav &gt; .open &gt; a:focus,
  .navbar-default .navbar-nav &gt; .open &gt; a:hover {
    background: #080808;
  }
  </code></pre>
  
  <p>It was a standard code of bootstrap 3 (not work in bootstrap4) <br>
  how do I do the same thing only in bootstrap 4?</p>