如何刪除下拉菜單中的填充<a>？

Question

<ul class="nav navbar-nav pull-right" style="margin-right: 25px;" > 
       <li><a href="#"> My Profile </a></li> 
       <li class="dropdown"> 
       <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
        My Blog <span class="caret"></span> 
        </a> 
        <ul class="dropdown-menu" role="menu"> 
         <li><a href="#">Sports</li></a> 
         <li class="divider"></li> 
         <li><a href="#">Foods</li></a> 
         <li class="divider"></li> 
          <li><a href="#">Entertainment</li></a> 
          <li class="divider"></li> 
          <li><a href="#">Travel</li></a> 
        </ul> 
        </li> 

如何刪除我的下拉菜單列表上的填充，因爲它破壞了我放在那裏的背景色。這是一個有上填充一些問題我目前的下拉列表的圖像：

Answer 1

這裏有幾件事情

不正確的HTML結構

<li><a href="#">Foods</li></a> 

將其更改爲

<li><a href="#">Foods</a></li> 

讓我們看看li，a和.divider 哪一個使用背景：＃809109;

我猜你需要刪除李

.dropdown-menu > li{ 
    padding:0px 
} 

的填充，也可以添加背景色爲李太

.dropdown-menu > li{ 
    background-color:#809109; 
}