下拉菜單的默認(rèn)狀態(tài)有懸浮狀態(tài):?hover
?和焦點狀態(tài):?focus
?
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
color: #262626;
text-decoration: none;
background-color: #f5f5f5; }
下拉菜單還有當(dāng)前狀態(tài):?active
?和禁用狀態(tài)?disabled
?,這兩種狀態(tài)使用方法只需要在對應(yīng)的菜單項上添加對應(yīng)的類名
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">下拉菜單
<span class="caret"></span> </button>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
<li role="presentation" class="active"><a role="menuitem" tabindex="-1" href="#">下拉菜單項</a></li>
….
<li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">下拉菜單項</a></li>
</ul> </div>
更多建議: