我有一些菜单栏,目前,当悬停在一个时,背景变为黑色
<li>content</li>
Run Code Online (Sandbox Code Playgroud)
当它悬停在上面时,文本从黑色变为白色.
我需要做到这一点,以便在整体<li>content</li>悬停时文本颜色发生变化,而不仅仅是文本突出显示时.
这是css
<style type="text/css">
body{margin:0px; font-family:Tahoma, Sans-Serif; font-size:13px;}
/* dock */
#dock{margin:0px; padding:0px; list-style:none; position:fixed; top:0px; height:100%;
z-index:100; background-color:; left:0px;}
#dock > li {width:40px; height:120px; margin: 0 0 1px 0; background-color:#;
background-repeat:no-repeat; background-position:left center;}
#dock #Menu {background-image:url(Menu.png);}
#dock > li:hover {background-position:-40px 0px;}
/* panels */
#dock ul li {padding:5px; border: solid 0px #879b17;}
#dock ul li:hover {padding:5px;
background:#879b17 url(item_bkg.png) repeat-x;
border: solid 0x #879b17;
font-weight: bold;
color: #000;
}
#dock ul li.header, #dock ul li …Run Code Online (Sandbox Code Playgroud)