相关疑难解决方法(0)

将鼠标悬停在<li> item </ li>上也可以改变文字颜色...... CSS技巧?

我有一些菜单栏,目前,当悬停在一个时,背景变为黑色

 <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)

html css html-lists

9
推荐指数
2
解决办法
8万
查看次数

标签 统计

css ×1

html ×1

html-lists ×1