Is there a way to change the background color of my dropdown menu when it is open? I have tried using the following CSS code:
.dropdown.open {
background-color: black;
}
Here is how the HTML looks like:
<ul class="nav navbar-nav navbar-right">
<li><a href="#web-hidden" onClick="TypeWeb()">WEB DEVELOPMENT</a></li>
<li><a href="#programming-hidden" onClick="TypeProgramming()">PROGRAMMING</a></li>
<li><a href="#design-hidden" onClick="TypeDesign()">DESIGN</a></li>
<li><a href="#game-hidden" ></a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"
role="button" aria-haspopup="true" aria-expanded="false"
onClick="TypeGameDesign()">
GAME DEVELOPMENT
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="#">Unity3D</a></li>
<li role="separator" class="divider"></li>
<li class="dropdown-header">Coming...</li>
<li><a href="#">UE4</a></li>
<li><a href="#">VR</a></li>
</ul>
</li>
</ul>