如何擺脫子菜單中強調

Question

我有一個問題，是不是真的大或東西，但它讓我很煩，因爲hell.The問題是強調我的子菜單的子元素，和我說的即http://imgur.com/a/BqEza .Yep，這一權利使我crazy.It即時顯示，當我在我的父元素上徘徊，在我menu.I開始編碼像2個星期前，所以我的問題可能是愚蠢的，但請如果有人知道如何將其刪除並修復父元素上的填充，將其寫入此處。 這是代碼。

.mobile-menu{ 
 
position:fixed; 
 
width:70%; 
 
height:100%; 
 
background:white; 
 
z-index:1000; 
 
} 
 
.mobile-menu ul{ 
 
top:10.2%; 
 
position:relative; 
 
color:black; 
 
text-align:left; 
 
font-weight:bold; 
 
} 
 
.mobile-menu li{ 
 
position:relative; 
 
border-bottom:1px solid black; 
 
padding-top:4%; 
 
padding-bottom:4%; 
 
} 
 
.mobile-menu li:hover{ 
 
background:#000; 
 
color:#fff; 
 
} 
 
.mobile-menu ul li ul{ 
 
display:none; 
 
background:#fff; 
 
padding:0; 
 
border:none; 
 
} 
 
.mobile-menu ul li:hover ul{ 
 
display:block; 
 
}

 <div class="mobile-menu"> 
 
     <ul class="mobile-menu-ul"> 
 
      </ul> 
 
     </div>

Answer 1

而不是應用的bgcolor到li它添加到a

從烏爾css文件

.mobile-menu li:hover { 
    background: #000; 
    color: #fff; 
} 
.mobile-menu li { 
    position: relative; 
    border-bottom: 1px solid black; 
    padding-top: 4%; 
    padding-bottom: 4%; 
} 

刪除此代碼，並且將其添加到烏爾css文件

.mobile-menu li a { 
    display: block; 
    padding: 4% 0; 
} 
.mobile-menu > ul> li:hover > a, .mobile-menu > ul> li:hover > .sub-menu > li:hover > a, .mobile-menu > ul .sub-menu .sub-menu > li:hover > a{ 
    background-color: #111; 
    color: #fff; 
}