代わりにブートストラップを使用して、別の回答を追加します。
Bootstrap を使用した Js Fiddle
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap-theme.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.1/js/bootstrap.min.js"></script>
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
background : #AAAFDA !important;
font-weight : bold;
border-radius : 22px;
color: lightBlue;
}
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
Dropdown
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">Dropdown link</a></li>
<li id="special"><a href="#">Dropdown link2</a></li>
<li><a href="#">Dropdown link3</a></li>
<li><a href="#">Dropdown link4</a></li>
</ul>
</div>