I'm struggling to change the hover color of the dropdown menu in the navigation bar. Can anyone please help me with this? Here is my HTML code. How can I change the hover color using CSS?
<div class="navbar navbar-inverse" id="menu">
<div class="navbar-inner">
<ul class="nav">
<li><a href="index.html">Home</a></li>
<li><a href="projects.html">Projects</a></li>
<li class="dropdown active"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Service <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="registration.html">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
<li class="divider"></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Gallery <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="registration.html">House Plan Design</a></li>
<li><a href="#">Interior Design</a></li>
<li><a href="#">Gardening Design</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
<li class="divider"></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>