Css 菜单列表-文本区域的背景色不为';悬停时不要改变
我的列表菜单有问题 鼠标悬停时,Css 菜单列表-文本区域的背景色不为';悬停时不要改变,css,list,menu,background,hover,Css,List,Menu,Background,Hover,我的列表菜单有问题 鼠标悬停时,背景色会改变,但只要在框区域,文本区域背景不会改变 我想找到一种方法来实现这一点: 这是我的密码: <div class="services"> <ul> <li class="general"><a href="" title="" >General</a></li> <li
背景色
会改变,但只要在框区域,文本区域
背景不会改变
我想找到一种方法来实现这一点:
这是我的密码:
<div class="services">
<ul>
<li class="general"><a href="" title="" >General</a></li>
<li><a href="" title="" >Marketing and Brand Strategy</a></li>
<li><a href="" title="" >Events and Launches at Exhibitions</a></li>
<li><a href="" title="" >PR / Press releases,</a></li>
<li><a href="" title="" >Distribution and sales</a></li>
<li><a href="" title="" >Media and social media</a></li?
</ul>
</div>
jsiddle链接:删除
背景色:#ffffff代码>至。服务ul LIA
-
CSS:
.services ul { display: block; padding: 0; margin: 0; }
.services ul li{ list-style-type: none; background: #ffffff; line-height: 47px; border-top: 1px solid white; font-size: 12pt; width:350px }
.services ul li:hover{ list-style-type: none; background: #efefef; line-height: 47px; border-top: 1px solid white; font-size: 12pt; }
.services ul ul:hover >a{ list-style-type: none; background: #efefef; line-height: 47px; border-top: 1px solid white; font-size: 12pt; }
.services ul li a{ width:100%; color: black; padding: 0 12px; font-family: 'Lora', serif; font-size: 12pt; text-decoration: none; }
.services ul li a:hover{ width:100%; color: black; padding: 0 12px; font-family: 'Lora', serif; font-size: 12pt; text-decoration: none;background-color:#efefef; }
删除标记的“背景色”属性。我的意思是从css的最后两行中删除它。它会起作用的
.services ul { display: block; padding: 0; margin: 0; }
.services ul li{ list-style-type: none; background: #ffffff; line-height: 47px; border-top: 1px solid white; font-size: 12pt; width:350px }
.services ul li:hover{ list-style-type: none; background: #efefef; line-height: 47px; border-top: 1px solid white; font-size: 12pt; }
.services ul ul:hover >a{ list-style-type: none; background: #efefef; line-height: 47px; border-top: 1px solid white; font-size: 12pt; }
.services ul li a{ width:100%; color: black; padding: 0 12px; font-family: 'Lora', serif; font-size: 12pt; text-decoration: none;}
.services ul li a:hover{ width:100%; color: black; padding: 0 12px; font-family: 'Lora', serif; font-size: 12pt; text-decoration: none; }
抱歉,jsut有一件事,如果我想让背景颜色变灰,当它被选中时,我该如何管理它?@user3439889 OK。。当你选择背景色时,你希望背景色变成灰色是什么意思???
.services ul { display: block; padding: 0; margin: 0; }
.services ul li{ list-style-type: none; background: #ffffff; line-height: 47px; border-top: 1px solid white; font-size: 12pt; width:350px }
.services ul li:hover{ list-style-type: none; background: #efefef; line-height: 47px; border-top: 1px solid white; font-size: 12pt; }
.services ul ul:hover >a{ list-style-type: none; background: #efefef; line-height: 47px; border-top: 1px solid white; font-size: 12pt; }
.services ul li a{ width:100%; color: black; padding: 0 12px; font-family: 'Lora', serif; font-size: 12pt; text-decoration: none;}
.services ul li a:hover{ width:100%; color: black; padding: 0 12px; font-family: 'Lora', serif; font-size: 12pt; text-decoration: none; }