如何摆脱子菜单中强调

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; 
}